| OLD | NEW |
| 1 layer at (0,0) size 800x600 clip at (0,0) size 785x600 scrollHeight 2083 | 1 layer at (0,0) size 800x600 clip at (0,0) size 785x600 scrollHeight 2083 |
| 2 RenderView at (0,0) size 800x600 | 2 RenderView at (0,0) size 800x600 |
| 3 layer at (0,0) size 785x2083 backgroundClip at (0,0) size 785x600 clip at (0,0)
size 785x600 outlineClip at (0,0) size 785x600 | 3 layer at (0,0) size 785x2083 backgroundClip at (0,0) size 785x600 clip at (0,0)
size 785x600 outlineClip at (0,0) size 785x600 |
| 4 RenderBlock {HTML} at (0,0) size 785x2083.34 | 4 RenderBlock {HTML} at (0,0) size 785x2083.34 |
| 5 RenderBody {BODY} at (8,19.91) size 769x2047.44 | 5 RenderBody {BODY} at (8,19.91) size 769x2047.44 |
| 6 RenderBlock {H2} at (0,0) size 769x28 | 6 RenderBlock {H2} at (0,0) size 769x28 |
| 7 RenderText {#text} at (0,0) size 149x28 | 7 RenderText {#text} at (0,0) size 149x28 |
| 8 text run at (0,0) width 149: "Test 1 (1 float)" | 8 text run at (0,0) width 149: "Test 1 (1 float)" |
| 9 RenderBlock {HR} at (48,295.91) size 673x2 [border: (1px inset #EEEEEE)] | 9 RenderBlock {HR} at (48,295.91) size 673x2 [border: (1px inset #EEEEEE)] |
| 10 RenderBlock {H2} at (0,345.91) size 769x28 | 10 RenderBlock {H2} at (0,345.91) size 769x28 |
| (...skipping 19 matching lines...) Expand all Loading... |
| 30 RenderBlock {DIV} at (0,47.91) size 769x200 [bgcolor=#C0C0C0] | 30 RenderBlock {DIV} at (0,47.91) size 769x200 [bgcolor=#C0C0C0] |
| 31 RenderBlock (floating) {DIV} at (0,0) size 200x200 [bgcolor=#FFFF00] [border
: (4px solid #008000)] | 31 RenderBlock (floating) {DIV} at (0,0) size 200x200 [bgcolor=#FFFF00] [border
: (4px solid #008000)] |
| 32 RenderText {#text} at (36,36) size 125x54 | 32 RenderText {#text} at (36,36) size 125x54 |
| 33 text run at (36,36) width 122: "This yellow square" | 33 text run at (36,36) width 122: "This yellow square" |
| 34 text run at (36,54) width 125: "is floated left and it" | 34 text run at (36,54) width 125: "is floated left and it" |
| 35 text run at (36,72) width 95: "has no margin." | 35 text run at (36,72) width 95: "has no margin." |
| 36 layer at (208,68) size 469x162 | 36 layer at (208,68) size 469x162 |
| 37 RenderBlock {DIV} at (200,0) size 469x162 [bgcolor=#FFA500] | 37 RenderBlock {DIV} at (200,0) size 469x162 [bgcolor=#FFA500] |
| 38 RenderText {#text} at (0,0) size 144x18 | 38 RenderText {#text} at (0,0) size 144x18 |
| 39 text run at (0,0) width 144: "This orange rectangle:" | 39 text run at (0,0) width 144: "This orange rectangle:" |
| 40 RenderBR {BR} at (143,0) size 1x18 | 40 LayoutBR {BR} at (143,0) size 1x18 |
| 41 RenderText {#text} at (0,18) size 97x18 | 41 RenderText {#text} at (0,18) size 97x18 |
| 42 text run at (0,18) width 97: "\x{2013} establishes a " | 42 text run at (0,18) width 97: "\x{2013} establishes a " |
| 43 RenderInline {STRONG} at (0,0) size 196x18 | 43 RenderInline {STRONG} at (0,0) size 196x18 |
| 44 RenderText {#text} at (96,18) size 196x18 | 44 RenderText {#text} at (96,18) size 196x18 |
| 45 text run at (96,18) width 196: "new block formating context" | 45 text run at (96,18) width 196: "new block formating context" |
| 46 RenderText {#text} at (291,18) size 410x36 | 46 RenderText {#text} at (291,18) size 410x36 |
| 47 text run at (291,18) width 119: " thanks to the CSS" | 47 text run at (291,18) width 119: " thanks to the CSS" |
| 48 text run at (0,36) width 76: "declaration " | 48 text run at (0,36) width 76: "declaration " |
| 49 RenderInline {CODE} at (0,0) size 125x15 | 49 RenderInline {CODE} at (0,0) size 125x15 |
| 50 RenderText {#text} at (75,38) size 125x15 | 50 RenderText {#text} at (75,38) size 125x15 |
| 51 text run at (75,38) width 125: "overflow: hidden" | 51 text run at (75,38) width 125: "overflow: hidden" |
| 52 RenderText {#text} at (199,36) size 6x18 | 52 RenderText {#text} at (199,36) size 6x18 |
| 53 text run at (199,36) width 6: ";" | 53 text run at (199,36) width 6: ";" |
| 54 RenderBR {BR} at (204,36) size 1x18 | 54 LayoutBR {BR} at (204,36) size 1x18 |
| 55 RenderText {#text} at (0,54) size 334x18 | 55 RenderText {#text} at (0,54) size 334x18 |
| 56 text run at (0,54) width 334: "\x{2013} has a 100px left margin and a 100p
x right margin;" | 56 text run at (0,54) width 334: "\x{2013} has a 100px left margin and a 100p
x right margin;" |
| 57 RenderBR {BR} at (333,54) size 1x18 | 57 LayoutBR {BR} at (333,54) size 1x18 |
| 58 RenderBR {BR} at (0,72) size 0x18 | 58 LayoutBR {BR} at (0,72) size 0x18 |
| 59 RenderText {#text} at (0,90) size 144x18 | 59 RenderText {#text} at (0,90) size 144x18 |
| 60 text run at (0,90) width 144: "This orange rectangle:" | 60 text run at (0,90) width 144: "This orange rectangle:" |
| 61 RenderBR {BR} at (143,90) size 1x18 | 61 LayoutBR {BR} at (143,90) size 1x18 |
| 62 RenderText {#text} at (0,108) size 97x18 | 62 RenderText {#text} at (0,108) size 97x18 |
| 63 text run at (0,108) width 97: "\x{2013} establishes a " | 63 text run at (0,108) width 97: "\x{2013} establishes a " |
| 64 RenderInline {STRONG} at (0,0) size 196x18 | 64 RenderInline {STRONG} at (0,0) size 196x18 |
| 65 RenderText {#text} at (96,108) size 196x18 | 65 RenderText {#text} at (96,108) size 196x18 |
| 66 text run at (96,108) width 196: "new block formating context" | 66 text run at (96,108) width 196: "new block formating context" |
| 67 RenderText {#text} at (291,108) size 410x36 | 67 RenderText {#text} at (291,108) size 410x36 |
| 68 text run at (291,108) width 119: " thanks to the CSS" | 68 text run at (291,108) width 119: " thanks to the CSS" |
| 69 text run at (0,126) width 76: "declaration " | 69 text run at (0,126) width 76: "declaration " |
| 70 RenderInline {CODE} at (0,0) size 125x15 | 70 RenderInline {CODE} at (0,0) size 125x15 |
| 71 RenderText {#text} at (75,128) size 125x15 | 71 RenderText {#text} at (75,128) size 125x15 |
| 72 text run at (75,128) width 125: "overflow: hidden" | 72 text run at (75,128) width 125: "overflow: hidden" |
| 73 RenderText {#text} at (199,126) size 6x18 | 73 RenderText {#text} at (199,126) size 6x18 |
| 74 text run at (199,126) width 6: ";" | 74 text run at (199,126) width 6: ";" |
| 75 RenderBR {BR} at (204,126) size 1x18 | 75 LayoutBR {BR} at (204,126) size 1x18 |
| 76 RenderText {#text} at (0,144) size 334x18 | 76 RenderText {#text} at (0,144) size 334x18 |
| 77 text run at (0,144) width 334: "\x{2013} has a 100px left margin and a 100
px right margin;" | 77 text run at (0,144) width 334: "\x{2013} has a 100px left margin and a 100
px right margin;" |
| 78 layer at (8,414) size 769x200 backgroundClip at (8,414) size 769x186 clip at (8,
414) size 769x186 outlineClip at (0,0) size 785x600 | 78 layer at (8,414) size 769x200 backgroundClip at (8,414) size 769x186 clip at (8,
414) size 769x186 outlineClip at (0,0) size 785x600 |
| 79 RenderBlock {DIV} at (0,393.81) size 769x200 [bgcolor=#C0C0C0] | 79 RenderBlock {DIV} at (0,393.81) size 769x200 [bgcolor=#C0C0C0] |
| 80 RenderBlock (floating) {DIV} at (0,0) size 200x200 [bgcolor=#FFFF00] [border
: (4px solid #008000)] | 80 RenderBlock (floating) {DIV} at (0,0) size 200x200 [bgcolor=#FFFF00] [border
: (4px solid #008000)] |
| 81 RenderText {#text} at (36,36) size 125x54 | 81 RenderText {#text} at (36,36) size 125x54 |
| 82 text run at (36,36) width 122: "This yellow square" | 82 text run at (36,36) width 122: "This yellow square" |
| 83 text run at (36,54) width 125: "is floated left and it" | 83 text run at (36,54) width 125: "is floated left and it" |
| 84 text run at (36,72) width 95: "has no margin." | 84 text run at (36,72) width 95: "has no margin." |
| 85 layer at (208,414) size 569x162 | 85 layer at (208,414) size 569x162 |
| 86 RenderBlock {DIV} at (200,0) size 569x162 [bgcolor=#FFA500] | 86 RenderBlock {DIV} at (200,0) size 569x162 [bgcolor=#FFA500] |
| 87 RenderText {#text} at (0,0) size 144x18 | 87 RenderText {#text} at (0,0) size 144x18 |
| 88 text run at (0,0) width 144: "This orange rectangle:" | 88 text run at (0,0) width 144: "This orange rectangle:" |
| 89 RenderBR {BR} at (143,0) size 1x18 | 89 LayoutBR {BR} at (143,0) size 1x18 |
| 90 RenderText {#text} at (0,18) size 97x18 | 90 RenderText {#text} at (0,18) size 97x18 |
| 91 text run at (0,18) width 97: "\x{2013} establishes a " | 91 text run at (0,18) width 97: "\x{2013} establishes a " |
| 92 RenderInline {STRONG} at (0,0) size 196x18 | 92 RenderInline {STRONG} at (0,0) size 196x18 |
| 93 RenderText {#text} at (96,18) size 196x18 | 93 RenderText {#text} at (96,18) size 196x18 |
| 94 text run at (96,18) width 196: "new block formating context" | 94 text run at (96,18) width 196: "new block formating context" |
| 95 RenderText {#text} at (291,18) size 198x18 | 95 RenderText {#text} at (291,18) size 198x18 |
| 96 text run at (291,18) width 198: " thanks to the CSS declaration " | 96 text run at (291,18) width 198: " thanks to the CSS declaration " |
| 97 RenderInline {CODE} at (0,0) size 560x33 | 97 RenderInline {CODE} at (0,0) size 560x33 |
| 98 RenderText {#text} at (488,20) size 560x33 | 98 RenderText {#text} at (488,20) size 560x33 |
| 99 text run at (488,20) width 72: "overflow:" | 99 text run at (488,20) width 72: "overflow:" |
| 100 text run at (0,38) width 47: "hidden" | 100 text run at (0,38) width 47: "hidden" |
| 101 RenderText {#text} at (46,36) size 6x18 | 101 RenderText {#text} at (46,36) size 6x18 |
| 102 text run at (46,36) width 6: ";" | 102 text run at (46,36) width 6: ";" |
| 103 RenderBR {BR} at (51,36) size 1x18 | 103 LayoutBR {BR} at (51,36) size 1x18 |
| 104 RenderText {#text} at (0,54) size 168x18 | 104 RenderText {#text} at (0,54) size 168x18 |
| 105 text run at (0,54) width 168: "\x{2013} has a 200px left margin;" | 105 text run at (0,54) width 168: "\x{2013} has a 200px left margin;" |
| 106 RenderBR {BR} at (167,54) size 1x18 | 106 LayoutBR {BR} at (167,54) size 1x18 |
| 107 RenderBR {BR} at (0,72) size 0x18 | 107 LayoutBR {BR} at (0,72) size 0x18 |
| 108 RenderText {#text} at (0,90) size 144x18 | 108 RenderText {#text} at (0,90) size 144x18 |
| 109 text run at (0,90) width 144: "This orange rectangle:" | 109 text run at (0,90) width 144: "This orange rectangle:" |
| 110 RenderBR {BR} at (143,90) size 1x18 | 110 LayoutBR {BR} at (143,90) size 1x18 |
| 111 RenderText {#text} at (0,108) size 97x18 | 111 RenderText {#text} at (0,108) size 97x18 |
| 112 text run at (0,108) width 97: "\x{2013} establishes a " | 112 text run at (0,108) width 97: "\x{2013} establishes a " |
| 113 RenderInline {STRONG} at (0,0) size 196x18 | 113 RenderInline {STRONG} at (0,0) size 196x18 |
| 114 RenderText {#text} at (96,108) size 196x18 | 114 RenderText {#text} at (96,108) size 196x18 |
| 115 text run at (96,108) width 196: "new block formating context" | 115 text run at (96,108) width 196: "new block formating context" |
| 116 RenderText {#text} at (291,108) size 198x18 | 116 RenderText {#text} at (291,108) size 198x18 |
| 117 text run at (291,108) width 198: " thanks to the CSS declaration " | 117 text run at (291,108) width 198: " thanks to the CSS declaration " |
| 118 RenderInline {CODE} at (0,0) size 560x33 | 118 RenderInline {CODE} at (0,0) size 560x33 |
| 119 RenderText {#text} at (488,110) size 560x33 | 119 RenderText {#text} at (488,110) size 560x33 |
| 120 text run at (488,110) width 72: "overflow:" | 120 text run at (488,110) width 72: "overflow:" |
| 121 text run at (0,128) width 47: "hidden" | 121 text run at (0,128) width 47: "hidden" |
| 122 RenderText {#text} at (46,126) size 6x18 | 122 RenderText {#text} at (46,126) size 6x18 |
| 123 text run at (46,126) width 6: ";" | 123 text run at (46,126) width 6: ";" |
| 124 RenderBR {BR} at (51,126) size 1x18 | 124 LayoutBR {BR} at (51,126) size 1x18 |
| 125 RenderText {#text} at (0,144) size 168x18 | 125 RenderText {#text} at (0,144) size 168x18 |
| 126 text run at (0,144) width 168: "\x{2013} has a 200px left margin;" | 126 text run at (0,144) width 168: "\x{2013} has a 200px left margin;" |
| 127 layer at (8,760) size 769x200 backgroundClip at (0,0) size 0x0 clip at (0,0) siz
e 0x0 outlineClip at (0,0) size 785x600 | 127 layer at (8,760) size 769x200 backgroundClip at (0,0) size 0x0 clip at (0,0) siz
e 0x0 outlineClip at (0,0) size 785x600 |
| 128 RenderBlock {DIV} at (0,739.72) size 769x200 [bgcolor=#C0C0C0] | 128 RenderBlock {DIV} at (0,739.72) size 769x200 [bgcolor=#C0C0C0] |
| 129 RenderBlock (floating) {DIV} at (0,0) size 200x200 [bgcolor=#FFFF00] [border
: (4px solid #008000)] | 129 RenderBlock (floating) {DIV} at (0,0) size 200x200 [bgcolor=#FFFF00] [border
: (4px solid #008000)] |
| 130 RenderText {#text} at (36,36) size 123x72 | 130 RenderText {#text} at (36,36) size 123x72 |
| 131 text run at (36,36) width 122: "This yellow square" | 131 text run at (36,36) width 122: "This yellow square" |
| 132 text run at (36,54) width 123: "is a floated left and" | 132 text run at (36,54) width 123: "is a floated left and" |
| 133 text run at (36,72) width 80: "it has a right" | 133 text run at (36,72) width 80: "it has a right" |
| 134 text run at (36,90) width 111: "margin of 100px." | 134 text run at (36,90) width 111: "margin of 100px." |
| 135 layer at (308,760) size 369x162 backgroundClip at (0,0) size 0x0 clip at (0,0) s
ize 0x0 outlineClip at (0,0) size 0x0 | 135 layer at (308,760) size 369x162 backgroundClip at (0,0) size 0x0 clip at (0,0) s
ize 0x0 outlineClip at (0,0) size 0x0 |
| 136 RenderBlock {DIV} at (300,0) size 369x162 [bgcolor=#FFA500] | 136 RenderBlock {DIV} at (300,0) size 369x162 [bgcolor=#FFA500] |
| 137 RenderText {#text} at (0,0) size 144x18 | 137 RenderText {#text} at (0,0) size 144x18 |
| 138 text run at (0,0) width 144: "This orange rectangle:" | 138 text run at (0,0) width 144: "This orange rectangle:" |
| 139 RenderBR {BR} at (143,0) size 1x18 | 139 LayoutBR {BR} at (143,0) size 1x18 |
| 140 RenderText {#text} at (0,18) size 97x18 | 140 RenderText {#text} at (0,18) size 97x18 |
| 141 text run at (0,18) width 97: "\x{2013} establishes a " | 141 text run at (0,18) width 97: "\x{2013} establishes a " |
| 142 RenderInline {STRONG} at (0,0) size 196x18 | 142 RenderInline {STRONG} at (0,0) size 196x18 |
| 143 RenderText {#text} at (96,18) size 196x18 | 143 RenderText {#text} at (96,18) size 196x18 |
| 144 text run at (96,18) width 196: "new block formating context" | 144 text run at (96,18) width 196: "new block formating context" |
| 145 RenderText {#text} at (291,18) size 354x36 | 145 RenderText {#text} at (291,18) size 354x36 |
| 146 text run at (291,18) width 63: " thanks to" | 146 text run at (291,18) width 63: " thanks to" |
| 147 text run at (0,36) width 132: "the CSS declaration " | 147 text run at (0,36) width 132: "the CSS declaration " |
| 148 RenderInline {CODE} at (0,0) size 125x15 | 148 RenderInline {CODE} at (0,0) size 125x15 |
| 149 RenderText {#text} at (131,38) size 125x15 | 149 RenderText {#text} at (131,38) size 125x15 |
| 150 text run at (131,38) width 125: "overflow: hidden" | 150 text run at (131,38) width 125: "overflow: hidden" |
| 151 RenderText {#text} at (255,36) size 6x18 | 151 RenderText {#text} at (255,36) size 6x18 |
| 152 text run at (255,36) width 6: ";" | 152 text run at (255,36) width 6: ";" |
| 153 RenderBR {BR} at (260,36) size 1x18 | 153 LayoutBR {BR} at (260,36) size 1x18 |
| 154 RenderText {#text} at (0,54) size 318x18 | 154 RenderText {#text} at (0,54) size 318x18 |
| 155 text run at (0,54) width 318: "\x{2013} has a 0px left margin and a 100px
right margin;" | 155 text run at (0,54) width 318: "\x{2013} has a 0px left margin and a 100px
right margin;" |
| 156 RenderBR {BR} at (317,54) size 1x18 | 156 LayoutBR {BR} at (317,54) size 1x18 |
| 157 RenderBR {BR} at (0,72) size 0x18 | 157 LayoutBR {BR} at (0,72) size 0x18 |
| 158 RenderText {#text} at (0,90) size 144x18 | 158 RenderText {#text} at (0,90) size 144x18 |
| 159 text run at (0,90) width 144: "This orange rectangle:" | 159 text run at (0,90) width 144: "This orange rectangle:" |
| 160 RenderBR {BR} at (143,90) size 1x18 | 160 LayoutBR {BR} at (143,90) size 1x18 |
| 161 RenderText {#text} at (0,108) size 97x18 | 161 RenderText {#text} at (0,108) size 97x18 |
| 162 text run at (0,108) width 97: "\x{2013} establishes a " | 162 text run at (0,108) width 97: "\x{2013} establishes a " |
| 163 RenderInline {STRONG} at (0,0) size 196x18 | 163 RenderInline {STRONG} at (0,0) size 196x18 |
| 164 RenderText {#text} at (96,108) size 196x18 | 164 RenderText {#text} at (96,108) size 196x18 |
| 165 text run at (96,108) width 196: "new block formating context" | 165 text run at (96,108) width 196: "new block formating context" |
| 166 RenderText {#text} at (291,108) size 354x36 | 166 RenderText {#text} at (291,108) size 354x36 |
| 167 text run at (291,108) width 63: " thanks to" | 167 text run at (291,108) width 63: " thanks to" |
| 168 text run at (0,126) width 132: "the CSS declaration " | 168 text run at (0,126) width 132: "the CSS declaration " |
| 169 RenderInline {CODE} at (0,0) size 125x15 | 169 RenderInline {CODE} at (0,0) size 125x15 |
| 170 RenderText {#text} at (131,128) size 125x15 | 170 RenderText {#text} at (131,128) size 125x15 |
| 171 text run at (131,128) width 125: "overflow: hidden" | 171 text run at (131,128) width 125: "overflow: hidden" |
| 172 RenderText {#text} at (255,126) size 6x18 | 172 RenderText {#text} at (255,126) size 6x18 |
| 173 text run at (255,126) width 6: ";" | 173 text run at (255,126) width 6: ";" |
| 174 RenderBR {BR} at (260,126) size 1x18 | 174 LayoutBR {BR} at (260,126) size 1x18 |
| 175 RenderText {#text} at (0,144) size 318x18 | 175 RenderText {#text} at (0,144) size 318x18 |
| 176 text run at (0,144) width 318: "\x{2013} has a 0px left margin and a 100px
right margin;" | 176 text run at (0,144) width 318: "\x{2013} has a 0px left margin and a 100px
right margin;" |
| 177 layer at (8,1106) size 769x200 backgroundClip at (0,0) size 0x0 clip at (0,0) si
ze 0x0 outlineClip at (0,0) size 785x600 | 177 layer at (8,1106) size 769x200 backgroundClip at (0,0) size 0x0 clip at (0,0) si
ze 0x0 outlineClip at (0,0) size 785x600 |
| 178 RenderBlock {DIV} at (0,1085.63) size 769x200 [bgcolor=#C0C0C0] | 178 RenderBlock {DIV} at (0,1085.63) size 769x200 [bgcolor=#C0C0C0] |
| 179 RenderBlock (floating) {DIV} at (0,0) size 200x200 [bgcolor=#FFFF00] [border
: (4px solid #008000)] | 179 RenderBlock (floating) {DIV} at (0,0) size 200x200 [bgcolor=#FFFF00] [border
: (4px solid #008000)] |
| 180 RenderText {#text} at (36,36) size 125x54 | 180 RenderText {#text} at (36,36) size 125x54 |
| 181 text run at (36,36) width 122: "This yellow square" | 181 text run at (36,36) width 122: "This yellow square" |
| 182 text run at (36,54) width 125: "is floated left and it" | 182 text run at (36,54) width 125: "is floated left and it" |
| 183 text run at (36,72) width 95: "has no margin." | 183 text run at (36,72) width 95: "has no margin." |
| 184 RenderBlock (floating) {DIV} at (569,0) size 200x200 [bgcolor=#FFFF00] [bord
er: (4px solid #008000)] | 184 RenderBlock (floating) {DIV} at (569,0) size 200x200 [bgcolor=#FFFF00] [bord
er: (4px solid #008000)] |
| 185 RenderText {#text} at (36,36) size 122x72 | 185 RenderText {#text} at (36,36) size 122x72 |
| 186 text run at (36,36) width 122: "This yellow square" | 186 text run at (36,36) width 122: "This yellow square" |
| 187 text run at (36,54) width 105: "is a floated right" | 187 text run at (36,54) width 105: "is a floated right" |
| 188 text run at (36,72) width 82: "and it has no" | 188 text run at (36,72) width 82: "and it has no" |
| 189 text run at (36,90) width 50: "margin." | 189 text run at (36,90) width 50: "margin." |
| 190 layer at (208,1106) size 369x162 backgroundClip at (0,0) size 0x0 clip at (0,0)
size 0x0 outlineClip at (0,0) size 0x0 | 190 layer at (208,1106) size 369x162 backgroundClip at (0,0) size 0x0 clip at (0,0)
size 0x0 outlineClip at (0,0) size 0x0 |
| 191 RenderBlock {DIV} at (200,0) size 369x162 [bgcolor=#FFA500] | 191 RenderBlock {DIV} at (200,0) size 369x162 [bgcolor=#FFA500] |
| 192 RenderText {#text} at (0,0) size 144x18 | 192 RenderText {#text} at (0,0) size 144x18 |
| 193 text run at (0,0) width 144: "This orange rectangle:" | 193 text run at (0,0) width 144: "This orange rectangle:" |
| 194 RenderBR {BR} at (143,0) size 1x18 | 194 LayoutBR {BR} at (143,0) size 1x18 |
| 195 RenderText {#text} at (0,18) size 97x18 | 195 RenderText {#text} at (0,18) size 97x18 |
| 196 text run at (0,18) width 97: "\x{2013} establishes a " | 196 text run at (0,18) width 97: "\x{2013} establishes a " |
| 197 RenderInline {STRONG} at (0,0) size 196x18 | 197 RenderInline {STRONG} at (0,0) size 196x18 |
| 198 RenderText {#text} at (96,18) size 196x18 | 198 RenderText {#text} at (96,18) size 196x18 |
| 199 text run at (96,18) width 196: "new block formating context" | 199 text run at (96,18) width 196: "new block formating context" |
| 200 RenderText {#text} at (291,18) size 354x36 | 200 RenderText {#text} at (291,18) size 354x36 |
| 201 text run at (291,18) width 63: " thanks to" | 201 text run at (291,18) width 63: " thanks to" |
| 202 text run at (0,36) width 132: "the CSS declaration " | 202 text run at (0,36) width 132: "the CSS declaration " |
| 203 RenderInline {CODE} at (0,0) size 125x15 | 203 RenderInline {CODE} at (0,0) size 125x15 |
| 204 RenderText {#text} at (131,38) size 125x15 | 204 RenderText {#text} at (131,38) size 125x15 |
| 205 text run at (131,38) width 125: "overflow: hidden" | 205 text run at (131,38) width 125: "overflow: hidden" |
| 206 RenderText {#text} at (255,36) size 6x18 | 206 RenderText {#text} at (255,36) size 6x18 |
| 207 text run at (255,36) width 6: ";" | 207 text run at (255,36) width 6: ";" |
| 208 RenderBR {BR} at (260,36) size 1x18 | 208 LayoutBR {BR} at (260,36) size 1x18 |
| 209 RenderText {#text} at (0,54) size 334x18 | 209 RenderText {#text} at (0,54) size 334x18 |
| 210 text run at (0,54) width 334: "\x{2013} has a 100px left margin and a 100p
x right margin;" | 210 text run at (0,54) width 334: "\x{2013} has a 100px left margin and a 100p
x right margin;" |
| 211 RenderBR {BR} at (333,54) size 1x18 | 211 LayoutBR {BR} at (333,54) size 1x18 |
| 212 RenderBR {BR} at (0,72) size 0x18 | 212 LayoutBR {BR} at (0,72) size 0x18 |
| 213 RenderText {#text} at (0,90) size 144x18 | 213 RenderText {#text} at (0,90) size 144x18 |
| 214 text run at (0,90) width 144: "This orange rectangle:" | 214 text run at (0,90) width 144: "This orange rectangle:" |
| 215 RenderBR {BR} at (143,90) size 1x18 | 215 LayoutBR {BR} at (143,90) size 1x18 |
| 216 RenderText {#text} at (0,108) size 97x18 | 216 RenderText {#text} at (0,108) size 97x18 |
| 217 text run at (0,108) width 97: "\x{2013} establishes a " | 217 text run at (0,108) width 97: "\x{2013} establishes a " |
| 218 RenderInline {STRONG} at (0,0) size 196x18 | 218 RenderInline {STRONG} at (0,0) size 196x18 |
| 219 RenderText {#text} at (96,108) size 196x18 | 219 RenderText {#text} at (96,108) size 196x18 |
| 220 text run at (96,108) width 196: "new block formating context" | 220 text run at (96,108) width 196: "new block formating context" |
| 221 RenderText {#text} at (291,108) size 354x36 | 221 RenderText {#text} at (291,108) size 354x36 |
| 222 text run at (291,108) width 63: " thanks to" | 222 text run at (291,108) width 63: " thanks to" |
| 223 text run at (0,126) width 132: "the CSS declaration " | 223 text run at (0,126) width 132: "the CSS declaration " |
| 224 RenderInline {CODE} at (0,0) size 125x15 | 224 RenderInline {CODE} at (0,0) size 125x15 |
| 225 RenderText {#text} at (131,128) size 125x15 | 225 RenderText {#text} at (131,128) size 125x15 |
| 226 text run at (131,128) width 125: "overflow: hidden" | 226 text run at (131,128) width 125: "overflow: hidden" |
| 227 RenderText {#text} at (255,126) size 6x18 | 227 RenderText {#text} at (255,126) size 6x18 |
| 228 text run at (255,126) width 6: ";" | 228 text run at (255,126) width 6: ";" |
| 229 RenderBR {BR} at (260,126) size 1x18 | 229 LayoutBR {BR} at (260,126) size 1x18 |
| 230 RenderText {#text} at (0,144) size 334x18 | 230 RenderText {#text} at (0,144) size 334x18 |
| 231 text run at (0,144) width 334: "\x{2013} has a 100px left margin and a 100
px right margin;" | 231 text run at (0,144) width 334: "\x{2013} has a 100px left margin and a 100
px right margin;" |
| 232 layer at (8,1451) size 769x200 backgroundClip at (0,0) size 0x0 clip at (0,0) si
ze 0x0 outlineClip at (0,0) size 785x600 | 232 layer at (8,1451) size 769x200 backgroundClip at (0,0) size 0x0 clip at (0,0) si
ze 0x0 outlineClip at (0,0) size 785x600 |
| 233 RenderBlock {DIV} at (0,1431.53) size 769x200 [bgcolor=#C0C0C0] | 233 RenderBlock {DIV} at (0,1431.53) size 769x200 [bgcolor=#C0C0C0] |
| 234 RenderBlock (floating) {DIV} at (0,0) size 200x200 [bgcolor=#FFFF00] [border
: (4px solid #008000)] | 234 RenderBlock (floating) {DIV} at (0,0) size 200x200 [bgcolor=#FFFF00] [border
: (4px solid #008000)] |
| 235 RenderText {#text} at (36,36) size 125x54 | 235 RenderText {#text} at (36,36) size 125x54 |
| 236 text run at (36,36) width 122: "This yellow square" | 236 text run at (36,36) width 122: "This yellow square" |
| 237 text run at (36,54) width 125: "is floated left and it" | 237 text run at (36,54) width 125: "is floated left and it" |
| 238 text run at (36,72) width 95: "has no margin." | 238 text run at (36,72) width 95: "has no margin." |
| 239 RenderBlock (floating) {DIV} at (569,0) size 200x200 [bgcolor=#FFFF00] [bord
er: (4px solid #008000)] | 239 RenderBlock (floating) {DIV} at (569,0) size 200x200 [bgcolor=#FFFF00] [bord
er: (4px solid #008000)] |
| 240 RenderText {#text} at (36,36) size 122x72 | 240 RenderText {#text} at (36,36) size 122x72 |
| 241 text run at (36,36) width 122: "This yellow square" | 241 text run at (36,36) width 122: "This yellow square" |
| 242 text run at (36,54) width 105: "is a floated right" | 242 text run at (36,54) width 105: "is a floated right" |
| 243 text run at (36,72) width 82: "and it has no" | 243 text run at (36,72) width 82: "and it has no" |
| 244 text run at (36,90) width 50: "margin." | 244 text run at (36,90) width 50: "margin." |
| 245 layer at (208,1451) size 369x162 backgroundClip at (0,0) size 0x0 clip at (0,0)
size 0x0 outlineClip at (0,0) size 0x0 | 245 layer at (208,1451) size 369x162 backgroundClip at (0,0) size 0x0 clip at (0,0)
size 0x0 outlineClip at (0,0) size 0x0 |
| 246 RenderBlock {DIV} at (200,0) size 369x162 [bgcolor=#FFA500] | 246 RenderBlock {DIV} at (200,0) size 369x162 [bgcolor=#FFA500] |
| 247 RenderText {#text} at (0,0) size 144x18 | 247 RenderText {#text} at (0,0) size 144x18 |
| 248 text run at (0,0) width 144: "This orange rectangle:" | 248 text run at (0,0) width 144: "This orange rectangle:" |
| 249 RenderBR {BR} at (143,0) size 1x18 | 249 LayoutBR {BR} at (143,0) size 1x18 |
| 250 RenderText {#text} at (0,18) size 97x18 | 250 RenderText {#text} at (0,18) size 97x18 |
| 251 text run at (0,18) width 97: "\x{2013} establishes a " | 251 text run at (0,18) width 97: "\x{2013} establishes a " |
| 252 RenderInline {STRONG} at (0,0) size 196x18 | 252 RenderInline {STRONG} at (0,0) size 196x18 |
| 253 RenderText {#text} at (96,18) size 196x18 | 253 RenderText {#text} at (96,18) size 196x18 |
| 254 text run at (96,18) width 196: "new block formating context" | 254 text run at (96,18) width 196: "new block formating context" |
| 255 RenderText {#text} at (291,18) size 354x36 | 255 RenderText {#text} at (291,18) size 354x36 |
| 256 text run at (291,18) width 63: " thanks to" | 256 text run at (291,18) width 63: " thanks to" |
| 257 text run at (0,36) width 132: "the CSS declaration " | 257 text run at (0,36) width 132: "the CSS declaration " |
| 258 RenderInline {CODE} at (0,0) size 125x15 | 258 RenderInline {CODE} at (0,0) size 125x15 |
| 259 RenderText {#text} at (131,38) size 125x15 | 259 RenderText {#text} at (131,38) size 125x15 |
| 260 text run at (131,38) width 125: "overflow: hidden" | 260 text run at (131,38) width 125: "overflow: hidden" |
| 261 RenderText {#text} at (255,36) size 6x18 | 261 RenderText {#text} at (255,36) size 6x18 |
| 262 text run at (255,36) width 6: ";" | 262 text run at (255,36) width 6: ";" |
| 263 RenderBR {BR} at (260,36) size 1x18 | 263 LayoutBR {BR} at (260,36) size 1x18 |
| 264 RenderText {#text} at (0,54) size 177x18 | 264 RenderText {#text} at (0,54) size 177x18 |
| 265 text run at (0,54) width 177: "\x{2013} has a 200px right margin;" | 265 text run at (0,54) width 177: "\x{2013} has a 200px right margin;" |
| 266 RenderBR {BR} at (176,54) size 1x18 | 266 LayoutBR {BR} at (176,54) size 1x18 |
| 267 RenderBR {BR} at (0,72) size 0x18 | 267 LayoutBR {BR} at (0,72) size 0x18 |
| 268 RenderText {#text} at (0,90) size 144x18 | 268 RenderText {#text} at (0,90) size 144x18 |
| 269 text run at (0,90) width 144: "This orange rectangle:" | 269 text run at (0,90) width 144: "This orange rectangle:" |
| 270 RenderBR {BR} at (143,90) size 1x18 | 270 LayoutBR {BR} at (143,90) size 1x18 |
| 271 RenderText {#text} at (0,108) size 97x18 | 271 RenderText {#text} at (0,108) size 97x18 |
| 272 text run at (0,108) width 97: "\x{2013} establishes a " | 272 text run at (0,108) width 97: "\x{2013} establishes a " |
| 273 RenderInline {STRONG} at (0,0) size 196x18 | 273 RenderInline {STRONG} at (0,0) size 196x18 |
| 274 RenderText {#text} at (96,108) size 196x18 | 274 RenderText {#text} at (96,108) size 196x18 |
| 275 text run at (96,108) width 196: "new block formating context" | 275 text run at (96,108) width 196: "new block formating context" |
| 276 RenderText {#text} at (291,108) size 354x36 | 276 RenderText {#text} at (291,108) size 354x36 |
| 277 text run at (291,108) width 63: " thanks to" | 277 text run at (291,108) width 63: " thanks to" |
| 278 text run at (0,126) width 132: "the CSS declaration " | 278 text run at (0,126) width 132: "the CSS declaration " |
| 279 RenderInline {CODE} at (0,0) size 125x15 | 279 RenderInline {CODE} at (0,0) size 125x15 |
| 280 RenderText {#text} at (131,128) size 125x15 | 280 RenderText {#text} at (131,128) size 125x15 |
| 281 text run at (131,128) width 125: "overflow: hidden" | 281 text run at (131,128) width 125: "overflow: hidden" |
| 282 RenderText {#text} at (255,126) size 6x18 | 282 RenderText {#text} at (255,126) size 6x18 |
| 283 text run at (255,126) width 6: ";" | 283 text run at (255,126) width 6: ";" |
| 284 RenderBR {BR} at (260,126) size 1x18 | 284 LayoutBR {BR} at (260,126) size 1x18 |
| 285 RenderText {#text} at (0,144) size 177x18 | 285 RenderText {#text} at (0,144) size 177x18 |
| 286 text run at (0,144) width 177: "\x{2013} has a 200px right margin;" | 286 text run at (0,144) width 177: "\x{2013} has a 200px right margin;" |
| 287 layer at (8,1797) size 769x270 backgroundClip at (0,0) size 0x0 clip at (0,0) si
ze 0x0 outlineClip at (0,0) size 785x600 | 287 layer at (8,1797) size 769x270 backgroundClip at (0,0) size 0x0 clip at (0,0) si
ze 0x0 outlineClip at (0,0) size 785x600 |
| 288 RenderBlock {DIV} at (0,1777.44) size 769x270 [bgcolor=#C0C0C0] | 288 RenderBlock {DIV} at (0,1777.44) size 769x270 [bgcolor=#C0C0C0] |
| 289 RenderBlock (floating) {DIV} at (0,0) size 200x200 [bgcolor=#FFFF00] [border
: (4px solid #008000)] | 289 RenderBlock (floating) {DIV} at (0,0) size 200x200 [bgcolor=#FFFF00] [border
: (4px solid #008000)] |
| 290 RenderText {#text} at (36,36) size 125x72 | 290 RenderText {#text} at (36,36) size 125x72 |
| 291 text run at (36,36) width 122: "This yellow square" | 291 text run at (36,36) width 122: "This yellow square" |
| 292 text run at (36,54) width 125: "is floated left and it" | 292 text run at (36,54) width 125: "is floated left and it" |
| 293 text run at (36,72) width 116: "has a right margin" | 293 text run at (36,72) width 116: "has a right margin" |
| 294 text run at (36,90) width 62: "of 100px." | 294 text run at (36,90) width 62: "of 100px." |
| 295 RenderBlock (floating) {DIV} at (569,0) size 200x200 [bgcolor=#FFFF00] [bord
er: (4px solid #008000)] | 295 RenderBlock (floating) {DIV} at (569,0) size 200x200 [bgcolor=#FFFF00] [bord
er: (4px solid #008000)] |
| 296 RenderText {#text} at (36,36) size 122x72 | 296 RenderText {#text} at (36,36) size 122x72 |
| 297 text run at (36,36) width 122: "This yellow square" | 297 text run at (36,36) width 122: "This yellow square" |
| 298 text run at (36,54) width 121: "is floated right and" | 298 text run at (36,54) width 121: "is floated right and" |
| 299 text run at (36,72) width 120: "it has a left margin" | 299 text run at (36,72) width 120: "it has a left margin" |
| 300 text run at (36,90) width 62: "of 100px." | 300 text run at (36,90) width 62: "of 100px." |
| 301 layer at (308,1797) size 169x270 backgroundClip at (0,0) size 0x0 clip at (0,0)
size 0x0 outlineClip at (0,0) size 0x0 | 301 layer at (308,1797) size 169x270 backgroundClip at (0,0) size 0x0 clip at (0,0)
size 0x0 outlineClip at (0,0) size 0x0 |
| 302 RenderBlock {DIV} at (300,0) size 169x270 [bgcolor=#FFA500] | 302 RenderBlock {DIV} at (300,0) size 169x270 [bgcolor=#FFA500] |
| 303 RenderText {#text} at (0,0) size 144x18 | 303 RenderText {#text} at (0,0) size 144x18 |
| 304 text run at (0,0) width 144: "This orange rectangle:" | 304 text run at (0,0) width 144: "This orange rectangle:" |
| 305 RenderBR {BR} at (143,0) size 1x18 | 305 LayoutBR {BR} at (143,0) size 1x18 |
| 306 RenderText {#text} at (0,18) size 97x18 | 306 RenderText {#text} at (0,18) size 97x18 |
| 307 text run at (0,18) width 97: "\x{2013} establishes a " | 307 text run at (0,18) width 97: "\x{2013} establishes a " |
| 308 RenderInline {STRONG} at (0,0) size 166x36 | 308 RenderInline {STRONG} at (0,0) size 166x36 |
| 309 RenderText {#text} at (96,18) size 166x36 | 309 RenderText {#text} at (96,18) size 166x36 |
| 310 text run at (96,18) width 70: "new block" | 310 text run at (96,18) width 70: "new block" |
| 311 text run at (0,36) width 123: "formating context" | 311 text run at (0,36) width 123: "formating context" |
| 312 RenderText {#text} at (122,36) size 168x36 | 312 RenderText {#text} at (122,36) size 168x36 |
| 313 text run at (122,36) width 46: " thanks" | 313 text run at (122,36) width 46: " thanks" |
| 314 text run at (0,54) width 144: "to the CSS declaration" | 314 text run at (0,54) width 144: "to the CSS declaration" |
| 315 RenderInline {CODE} at (0,0) size 125x15 | 315 RenderInline {CODE} at (0,0) size 125x15 |
| 316 RenderText {#text} at (0,74) size 125x15 | 316 RenderText {#text} at (0,74) size 125x15 |
| 317 text run at (0,74) width 125: "overflow: hidden" | 317 text run at (0,74) width 125: "overflow: hidden" |
| 318 RenderText {#text} at (124,72) size 6x18 | 318 RenderText {#text} at (124,72) size 6x18 |
| 319 text run at (124,72) width 6: ";" | 319 text run at (124,72) width 6: ";" |
| 320 RenderBR {BR} at (129,72) size 1x18 | 320 LayoutBR {BR} at (129,72) size 1x18 |
| 321 RenderText {#text} at (0,90) size 151x36 | 321 RenderText {#text} at (0,90) size 151x36 |
| 322 text run at (0,90) width 148: "\x{2013} has a 0px left margin" | 322 text run at (0,90) width 148: "\x{2013} has a 0px left margin" |
| 323 text run at (0,108) width 151: "and a 0px right margin;" | 323 text run at (0,108) width 151: "and a 0px right margin;" |
| 324 RenderBR {BR} at (150,108) size 1x18 | 324 LayoutBR {BR} at (150,108) size 1x18 |
| 325 RenderBR {BR} at (0,126) size 0x18 | 325 LayoutBR {BR} at (0,126) size 0x18 |
| 326 RenderText {#text} at (0,144) size 144x18 | 326 RenderText {#text} at (0,144) size 144x18 |
| 327 text run at (0,144) width 144: "This orange rectangle:" | 327 text run at (0,144) width 144: "This orange rectangle:" |
| 328 RenderBR {BR} at (143,144) size 1x18 | 328 LayoutBR {BR} at (143,144) size 1x18 |
| 329 RenderText {#text} at (0,162) size 97x18 | 329 RenderText {#text} at (0,162) size 97x18 |
| 330 text run at (0,162) width 97: "\x{2013} establishes a " | 330 text run at (0,162) width 97: "\x{2013} establishes a " |
| 331 RenderInline {STRONG} at (0,0) size 166x36 | 331 RenderInline {STRONG} at (0,0) size 166x36 |
| 332 RenderText {#text} at (96,162) size 166x36 | 332 RenderText {#text} at (96,162) size 166x36 |
| 333 text run at (96,162) width 70: "new block" | 333 text run at (96,162) width 70: "new block" |
| 334 text run at (0,180) width 123: "formating context" | 334 text run at (0,180) width 123: "formating context" |
| 335 RenderText {#text} at (122,180) size 168x36 | 335 RenderText {#text} at (122,180) size 168x36 |
| 336 text run at (122,180) width 46: " thanks" | 336 text run at (122,180) width 46: " thanks" |
| 337 text run at (0,198) width 144: "to the CSS declaration" | 337 text run at (0,198) width 144: "to the CSS declaration" |
| 338 RenderInline {CODE} at (0,0) size 125x15 | 338 RenderInline {CODE} at (0,0) size 125x15 |
| 339 RenderText {#text} at (0,218) size 125x15 | 339 RenderText {#text} at (0,218) size 125x15 |
| 340 text run at (0,218) width 125: "overflow: hidden" | 340 text run at (0,218) width 125: "overflow: hidden" |
| 341 RenderText {#text} at (124,216) size 6x18 | 341 RenderText {#text} at (124,216) size 6x18 |
| 342 text run at (124,216) width 6: ";" | 342 text run at (124,216) width 6: ";" |
| 343 RenderBR {BR} at (129,216) size 1x18 | 343 LayoutBR {BR} at (129,216) size 1x18 |
| 344 RenderText {#text} at (0,234) size 151x36 | 344 RenderText {#text} at (0,234) size 151x36 |
| 345 text run at (0,234) width 148: "\x{2013} has a 0px left margin" | 345 text run at (0,234) width 148: "\x{2013} has a 0px left margin" |
| 346 text run at (0,252) width 151: "and a 0px right margin;" | 346 text run at (0,252) width 151: "and a 0px right margin;" |
| OLD | NEW |