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 |