| OLD | NEW |
| 1 layer at (0,0) size 785x2107 | 1 layer at (0,0) size 785x2107 |
| 2 RenderView at (0,0) size 785x600 | 2 RenderView at (0,0) size 785x600 |
| 3 layer at (0,0) size 785x2107 | 3 layer at (0,0) size 785x2107 |
| 4 RenderBlock {HTML} at (0,0) size 785x2108 | 4 RenderBlock {HTML} at (0,0) size 785x2107.34 |
| 5 RenderBody {BODY} at (8,19) size 769x2073 | 5 RenderBody {BODY} at (8,19.91) size 769x2071.44 |
| 6 RenderBlock {H2} at (0,0) size 769x27 | 6 RenderBlock {H2} at (0,0) size 769x27 |
| 7 RenderText {#text} at (0,0) size 147x26 | 7 RenderText {#text} at (0,0) size 147x26 |
| 8 text run at (0,0) width 147: "Test 1 (1 float)" | 8 text run at (0,0) width 147: "Test 1 (1 float)" |
| 9 RenderBlock {HR} at (48,294) size 673x3 [border: (1px inset #EEEEEE)] | 9 RenderBlock {HR} at (48,294.91) size 673x2 [border: (1px inset #EEEEEE)] |
| 10 RenderBlock {H2} at (0,344) size 769x28 | 10 RenderBlock {H2} at (0,344.91) size 769x27 |
| 11 RenderText {#text} at (0,0) size 147x26 | 11 RenderText {#text} at (0,0) size 147x26 |
| 12 text run at (0,0) width 147: "Test 2 (1 float)" | 12 text run at (0,0) width 147: "Test 2 (1 float)" |
| 13 RenderBlock {HR} at (48,639) size 673x3 [border: (1px inset #EEEEEE)] | 13 RenderBlock {HR} at (48,639.81) size 673x2 [border: (1px inset #EEEEEE)] |
| 14 RenderBlock {H2} at (0,689) size 769x28 | 14 RenderBlock {H2} at (0,689.81) size 769x27 |
| 15 RenderText {#text} at (0,0) size 147x26 | 15 RenderText {#text} at (0,0) size 147x26 |
| 16 text run at (0,0) width 147: "Test 3 (1 float)" | 16 text run at (0,0) width 147: "Test 3 (1 float)" |
| 17 RenderBlock {HR} at (48,984) size 673x3 [border: (1px inset #EEEEEE)] | 17 RenderBlock {HR} at (48,984.72) size 673x2 [border: (1px inset #EEEEEE)] |
| 18 RenderBlock {H2} at (0,1034) size 769x28 | 18 RenderBlock {H2} at (0,1034.72) size 769x27 |
| 19 RenderText {#text} at (0,0) size 156x26 | 19 RenderText {#text} at (0,0) size 156x26 |
| 20 text run at (0,0) width 156: "Test 4 (2 floats)" | 20 text run at (0,0) width 156: "Test 4 (2 floats)" |
| 21 RenderBlock {HR} at (48,1329) size 673x3 [border: (1px inset #EEEEEE)] | 21 RenderBlock {HR} at (48,1329.63) size 673x2 [border: (1px inset #EEEEEE)] |
| 22 RenderBlock {H2} at (0,1379) size 769x28 | 22 RenderBlock {H2} at (0,1379.63) size 769x27 |
| 23 RenderText {#text} at (0,0) size 156x26 | 23 RenderText {#text} at (0,0) size 156x26 |
| 24 text run at (0,0) width 156: "Test 5 (2 floats)" | 24 text run at (0,0) width 156: "Test 5 (2 floats)" |
| 25 RenderBlock {HR} at (48,1674) size 673x3 [border: (1px inset #EEEEEE)] | 25 RenderBlock {HR} at (48,1674.53) size 673x2 [border: (1px inset #EEEEEE)] |
| 26 RenderBlock {H2} at (0,1724) size 769x28 | 26 RenderBlock {H2} at (0,1724.53) size 769x27 |
| 27 RenderText {#text} at (0,0) size 156x26 | 27 RenderText {#text} at (0,0) size 156x26 |
| 28 text run at (0,0) width 156: "Test 6 (2 floats)" | 28 text run at (0,0) width 156: "Test 6 (2 floats)" |
| 29 layer at (8,67) size 769x200 | 29 layer at (8,67) size 769x200 |
| 30 RenderBlock {DIV} at (0,46) size 769x201 [bgcolor=#C0C0C0] | 30 RenderBlock {DIV} at (0,46.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 125x59 | 32 RenderText {#text} at (36,36) size 125x59 |
| 33 text run at (36,36) width 125: "This yellow square is" | 33 text run at (36,36) width 125: "This yellow square is" |
| 34 text run at (36,56) width 124: "floated left and it has" | 34 text run at (36,56) width 124: "floated left and it has" |
| 35 text run at (36,76) width 63: "no margin." | 35 text run at (36,76) width 63: "no margin." |
| 36 layer at (208,67) size 469x180 | 36 layer at (208,67) size 469x180 |
| 37 RenderBlock {DIV} at (200,0) size 469x180 [bgcolor=#FFA500] | 37 RenderBlock {DIV} at (200,0) size 469x180 [bgcolor=#FFA500] |
| 38 RenderText {#text} at (0,0) size 131x19 | 38 RenderText {#text} at (0,0) size 131x19 |
| 39 text run at (0,0) width 131: "This orange rectangle:" | 39 text run at (0,0) width 131: "This orange rectangle:" |
| 40 RenderBR {BR} at (131,0) size 0x19 | 40 RenderBR {BR} at (131,0) size 0x19 |
| (...skipping 26 matching lines...) Expand all Loading... |
| 67 text run at (278,120) width 184: " thanks to the CSS declaration" | 67 text run at (278,120) width 184: " thanks to the CSS declaration" |
| 68 RenderInline {CODE} at (0,0) size 128x16 | 68 RenderInline {CODE} at (0,0) size 128x16 |
| 69 RenderText {#text} at (0,143) size 128x16 | 69 RenderText {#text} at (0,143) size 128x16 |
| 70 text run at (0,143) width 128: "overflow: hidden" | 70 text run at (0,143) width 128: "overflow: hidden" |
| 71 RenderText {#text} at (128,140) size 4x19 | 71 RenderText {#text} at (128,140) size 4x19 |
| 72 text run at (128,140) width 4: ";" | 72 text run at (128,140) width 4: ";" |
| 73 RenderBR {BR} at (132,140) size 0x19 | 73 RenderBR {BR} at (132,140) size 0x19 |
| 74 RenderText {#text} at (0,160) size 310x19 | 74 RenderText {#text} at (0,160) size 310x19 |
| 75 text run at (0,160) width 310: "\x{2013} has a 100px left margin and a 100
px right margin;" | 75 text run at (0,160) width 310: "\x{2013} has a 100px left margin and a 100
px right margin;" |
| 76 layer at (8,412) size 769x200 | 76 layer at (8,412) size 769x200 |
| 77 RenderBlock {DIV} at (0,391) size 769x201 [bgcolor=#C0C0C0] | 77 RenderBlock {DIV} at (0,391.81) size 769x200 [bgcolor=#C0C0C0] |
| 78 RenderBlock (floating) {DIV} at (0,0) size 200x200 [bgcolor=#FFFF00] [border
: (4px solid #008000)] | 78 RenderBlock (floating) {DIV} at (0,0) size 200x200 [bgcolor=#FFFF00] [border
: (4px solid #008000)] |
| 79 RenderText {#text} at (36,36) size 125x59 | 79 RenderText {#text} at (36,36) size 125x59 |
| 80 text run at (36,36) width 125: "This yellow square is" | 80 text run at (36,36) width 125: "This yellow square is" |
| 81 text run at (36,56) width 124: "floated left and it has" | 81 text run at (36,56) width 124: "floated left and it has" |
| 82 text run at (36,76) width 63: "no margin." | 82 text run at (36,76) width 63: "no margin." |
| 83 layer at (208,412) size 569x180 | 83 layer at (208,412) size 569x180 |
| 84 RenderBlock {DIV} at (200,0) size 569x180 [bgcolor=#FFA500] | 84 RenderBlock {DIV} at (200,0) size 569x180 [bgcolor=#FFA500] |
| 85 RenderText {#text} at (0,0) size 131x19 | 85 RenderText {#text} at (0,0) size 131x19 |
| 86 text run at (0,0) width 131: "This orange rectangle:" | 86 text run at (0,0) width 131: "This orange rectangle:" |
| 87 RenderBR {BR} at (131,0) size 0x19 | 87 RenderBR {BR} at (131,0) size 0x19 |
| (...skipping 28 matching lines...) Expand all Loading... |
| 116 RenderInline {CODE} at (0,0) size 538x36 | 116 RenderInline {CODE} at (0,0) size 538x36 |
| 117 RenderText {#text} at (466,123) size 538x36 | 117 RenderText {#text} at (466,123) size 538x36 |
| 118 text run at (466,123) width 72: "overflow:" | 118 text run at (466,123) width 72: "overflow:" |
| 119 text run at (0,143) width 48: "hidden" | 119 text run at (0,143) width 48: "hidden" |
| 120 RenderText {#text} at (48,140) size 4x19 | 120 RenderText {#text} at (48,140) size 4x19 |
| 121 text run at (48,140) width 4: ";" | 121 text run at (48,140) width 4: ";" |
| 122 RenderBR {BR} at (52,140) size 0x19 | 122 RenderBR {BR} at (52,140) size 0x19 |
| 123 RenderText {#text} at (0,160) size 156x19 | 123 RenderText {#text} at (0,160) size 156x19 |
| 124 text run at (0,160) width 156: "\x{2013} has a 200px left margin;" | 124 text run at (0,160) width 156: "\x{2013} has a 200px left margin;" |
| 125 layer at (8,757) size 769x200 | 125 layer at (8,757) size 769x200 |
| 126 RenderBlock {DIV} at (0,736) size 769x201 [bgcolor=#C0C0C0] | 126 RenderBlock {DIV} at (0,736.72) size 769x200 [bgcolor=#C0C0C0] |
| 127 RenderBlock (floating) {DIV} at (0,0) size 200x200 [bgcolor=#FFFF00] [border
: (4px solid #008000)] | 127 RenderBlock (floating) {DIV} at (0,0) size 200x200 [bgcolor=#FFFF00] [border
: (4px solid #008000)] |
| 128 RenderText {#text} at (36,36) size 125x79 | 128 RenderText {#text} at (36,36) size 125x79 |
| 129 text run at (36,36) width 125: "This yellow square is" | 129 text run at (36,36) width 125: "This yellow square is" |
| 130 text run at (36,56) width 111: "a floated left and it" | 130 text run at (36,56) width 111: "a floated left and it" |
| 131 text run at (36,76) width 121: "has a right margin of" | 131 text run at (36,76) width 121: "has a right margin of" |
| 132 text run at (36,96) width 43: "100px." | 132 text run at (36,96) width 43: "100px." |
| 133 layer at (308,757) size 369x180 | 133 layer at (308,757) size 369x180 |
| 134 RenderBlock {DIV} at (300,0) size 369x180 [bgcolor=#FFA500] | 134 RenderBlock {DIV} at (300,0) size 369x180 [bgcolor=#FFA500] |
| 135 RenderText {#text} at (0,0) size 131x19 | 135 RenderText {#text} at (0,0) size 131x19 |
| 136 text run at (0,0) width 131: "This orange rectangle:" | 136 text run at (0,0) width 131: "This orange rectangle:" |
| (...skipping 29 matching lines...) Expand all Loading... |
| 166 text run at (0,140) width 103: "CSS declaration " | 166 text run at (0,140) width 103: "CSS declaration " |
| 167 RenderInline {CODE} at (0,0) size 128x16 | 167 RenderInline {CODE} at (0,0) size 128x16 |
| 168 RenderText {#text} at (103,143) size 128x16 | 168 RenderText {#text} at (103,143) size 128x16 |
| 169 text run at (103,143) width 128: "overflow: hidden" | 169 text run at (103,143) width 128: "overflow: hidden" |
| 170 RenderText {#text} at (231,140) size 4x19 | 170 RenderText {#text} at (231,140) size 4x19 |
| 171 text run at (231,140) width 4: ";" | 171 text run at (231,140) width 4: ";" |
| 172 RenderBR {BR} at (235,140) size 0x19 | 172 RenderBR {BR} at (235,140) size 0x19 |
| 173 RenderText {#text} at (0,160) size 294x19 | 173 RenderText {#text} at (0,160) size 294x19 |
| 174 text run at (0,160) width 294: "\x{2013} has a 0px left margin and a 100px
right margin;" | 174 text run at (0,160) width 294: "\x{2013} has a 0px left margin and a 100px
right margin;" |
| 175 layer at (8,1102) size 769x200 | 175 layer at (8,1102) size 769x200 |
| 176 RenderBlock {DIV} at (0,1081) size 769x201 [bgcolor=#C0C0C0] | 176 RenderBlock {DIV} at (0,1081.63) size 769x200 [bgcolor=#C0C0C0] |
| 177 RenderBlock (floating) {DIV} at (0,0) size 200x200 [bgcolor=#FFFF00] [border
: (4px solid #008000)] | 177 RenderBlock (floating) {DIV} at (0,0) size 200x200 [bgcolor=#FFFF00] [border
: (4px solid #008000)] |
| 178 RenderText {#text} at (36,36) size 125x59 | 178 RenderText {#text} at (36,36) size 125x59 |
| 179 text run at (36,36) width 125: "This yellow square is" | 179 text run at (36,36) width 125: "This yellow square is" |
| 180 text run at (36,56) width 124: "floated left and it has" | 180 text run at (36,56) width 124: "floated left and it has" |
| 181 text run at (36,76) width 63: "no margin." | 181 text run at (36,76) width 63: "no margin." |
| 182 RenderBlock (floating) {DIV} at (569,0) size 200x200 [bgcolor=#FFFF00] [bord
er: (4px solid #008000)] | 182 RenderBlock (floating) {DIV} at (569,0) size 200x200 [bgcolor=#FFFF00] [bord
er: (4px solid #008000)] |
| 183 RenderText {#text} at (36,36) size 125x59 | 183 RenderText {#text} at (36,36) size 125x59 |
| 184 text run at (36,36) width 125: "This yellow square is" | 184 text run at (36,36) width 125: "This yellow square is" |
| 185 text run at (36,56) width 119: "a floated right and it" | 185 text run at (36,56) width 119: "a floated right and it" |
| 186 text run at (36,76) width 87: "has no margin." | 186 text run at (36,76) width 87: "has no margin." |
| (...skipping 33 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 220 text run at (0,140) width 103: "CSS declaration " | 220 text run at (0,140) width 103: "CSS declaration " |
| 221 RenderInline {CODE} at (0,0) size 128x16 | 221 RenderInline {CODE} at (0,0) size 128x16 |
| 222 RenderText {#text} at (103,143) size 128x16 | 222 RenderText {#text} at (103,143) size 128x16 |
| 223 text run at (103,143) width 128: "overflow: hidden" | 223 text run at (103,143) width 128: "overflow: hidden" |
| 224 RenderText {#text} at (231,140) size 4x19 | 224 RenderText {#text} at (231,140) size 4x19 |
| 225 text run at (231,140) width 4: ";" | 225 text run at (231,140) width 4: ";" |
| 226 RenderBR {BR} at (235,140) size 0x19 | 226 RenderBR {BR} at (235,140) size 0x19 |
| 227 RenderText {#text} at (0,160) size 310x19 | 227 RenderText {#text} at (0,160) size 310x19 |
| 228 text run at (0,160) width 310: "\x{2013} has a 100px left margin and a 100
px right margin;" | 228 text run at (0,160) width 310: "\x{2013} has a 100px left margin and a 100
px right margin;" |
| 229 layer at (8,1446) size 769x200 | 229 layer at (8,1446) size 769x200 |
| 230 RenderBlock {DIV} at (0,1426) size 769x201 [bgcolor=#C0C0C0] | 230 RenderBlock {DIV} at (0,1426.53) size 769x200 [bgcolor=#C0C0C0] |
| 231 RenderBlock (floating) {DIV} at (0,0) size 200x200 [bgcolor=#FFFF00] [border
: (4px solid #008000)] | 231 RenderBlock (floating) {DIV} at (0,0) size 200x200 [bgcolor=#FFFF00] [border
: (4px solid #008000)] |
| 232 RenderText {#text} at (36,36) size 125x59 | 232 RenderText {#text} at (36,36) size 125x59 |
| 233 text run at (36,36) width 125: "This yellow square is" | 233 text run at (36,36) width 125: "This yellow square is" |
| 234 text run at (36,56) width 124: "floated left and it has" | 234 text run at (36,56) width 124: "floated left and it has" |
| 235 text run at (36,76) width 63: "no margin." | 235 text run at (36,76) width 63: "no margin." |
| 236 RenderBlock (floating) {DIV} at (569,0) size 200x200 [bgcolor=#FFFF00] [bord
er: (4px solid #008000)] | 236 RenderBlock (floating) {DIV} at (569,0) size 200x200 [bgcolor=#FFFF00] [bord
er: (4px solid #008000)] |
| 237 RenderText {#text} at (36,36) size 125x59 | 237 RenderText {#text} at (36,36) size 125x59 |
| 238 text run at (36,36) width 125: "This yellow square is" | 238 text run at (36,36) width 125: "This yellow square is" |
| 239 text run at (36,56) width 119: "a floated right and it" | 239 text run at (36,56) width 119: "a floated right and it" |
| 240 text run at (36,76) width 87: "has no margin." | 240 text run at (36,76) width 87: "has no margin." |
| (...skipping 33 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 274 text run at (0,140) width 103: "CSS declaration " | 274 text run at (0,140) width 103: "CSS declaration " |
| 275 RenderInline {CODE} at (0,0) size 128x16 | 275 RenderInline {CODE} at (0,0) size 128x16 |
| 276 RenderText {#text} at (103,143) size 128x16 | 276 RenderText {#text} at (103,143) size 128x16 |
| 277 text run at (103,143) width 128: "overflow: hidden" | 277 text run at (103,143) width 128: "overflow: hidden" |
| 278 RenderText {#text} at (231,140) size 4x19 | 278 RenderText {#text} at (231,140) size 4x19 |
| 279 text run at (231,140) width 4: ";" | 279 text run at (231,140) width 4: ";" |
| 280 RenderBR {BR} at (235,140) size 0x19 | 280 RenderBR {BR} at (235,140) size 0x19 |
| 281 RenderText {#text} at (0,160) size 164x19 | 281 RenderText {#text} at (0,160) size 164x19 |
| 282 text run at (0,160) width 164: "\x{2013} has a 200px right margin;" | 282 text run at (0,160) width 164: "\x{2013} has a 200px right margin;" |
| 283 layer at (8,1791) size 769x300 | 283 layer at (8,1791) size 769x300 |
| 284 RenderBlock {DIV} at (0,1771) size 769x301 [bgcolor=#C0C0C0] | 284 RenderBlock {DIV} at (0,1771.44) size 769x300 [bgcolor=#C0C0C0] |
| 285 RenderBlock (floating) {DIV} at (0,0) size 200x200 [bgcolor=#FFFF00] [border
: (4px solid #008000)] | 285 RenderBlock (floating) {DIV} at (0,0) size 200x200 [bgcolor=#FFFF00] [border
: (4px solid #008000)] |
| 286 RenderText {#text} at (36,36) size 125x79 | 286 RenderText {#text} at (36,36) size 125x79 |
| 287 text run at (36,36) width 125: "This yellow square is" | 287 text run at (36,36) width 125: "This yellow square is" |
| 288 text run at (36,56) width 124: "floated left and it has" | 288 text run at (36,56) width 124: "floated left and it has" |
| 289 text run at (36,76) width 97: "a right margin of" | 289 text run at (36,76) width 97: "a right margin of" |
| 290 text run at (36,96) width 43: "100px." | 290 text run at (36,96) width 43: "100px." |
| 291 RenderBlock (floating) {DIV} at (569,0) size 200x200 [bgcolor=#FFFF00] [bord
er: (4px solid #008000)] | 291 RenderBlock (floating) {DIV} at (569,0) size 200x200 [bgcolor=#FFFF00] [bord
er: (4px solid #008000)] |
| 292 RenderText {#text} at (36,36) size 125x79 | 292 RenderText {#text} at (36,36) size 125x79 |
| 293 text run at (36,36) width 125: "This yellow square is" | 293 text run at (36,36) width 125: "This yellow square is" |
| 294 text run at (36,56) width 108: "floated right and it" | 294 text run at (36,56) width 108: "floated right and it" |
| (...skipping 38 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 333 text run at (0,220) width 137: "to the CSS declaration" | 333 text run at (0,220) width 137: "to the CSS declaration" |
| 334 RenderInline {CODE} at (0,0) size 128x16 | 334 RenderInline {CODE} at (0,0) size 128x16 |
| 335 RenderText {#text} at (0,243) size 128x16 | 335 RenderText {#text} at (0,243) size 128x16 |
| 336 text run at (0,243) width 128: "overflow: hidden" | 336 text run at (0,243) width 128: "overflow: hidden" |
| 337 RenderText {#text} at (128,240) size 4x19 | 337 RenderText {#text} at (128,240) size 4x19 |
| 338 text run at (128,240) width 4: ";" | 338 text run at (128,240) width 4: ";" |
| 339 RenderBR {BR} at (132,240) size 0x19 | 339 RenderBR {BR} at (132,240) size 0x19 |
| 340 RenderText {#text} at (0,260) size 162x39 | 340 RenderText {#text} at (0,260) size 162x39 |
| 341 text run at (0,260) width 162: "\x{2013} has a 0px left margin and" | 341 text run at (0,260) width 162: "\x{2013} has a 0px left margin and" |
| 342 text run at (0,280) width 112: "a 0px right margin;" | 342 text run at (0,280) width 112: "a 0px right margin;" |
| OLD | NEW |