| OLD | NEW |
| 1 layer at (0,0) size 785x2846 | 1 layer at (0,0) size 785x2846 |
| 2 RenderView at (0,0) size 785x600 | 2 RenderView at (0,0) size 785x600 |
| 3 layer at (0,0) size 785x2846 | 3 layer at (0,0) size 785x2846 |
| 4 RenderBlock {HTML} at (0,0) size 785x2846 | 4 RenderBlock {HTML} at (0,0) size 785x2846 |
| 5 RenderBody {BODY} at (8,8) size 769x2830 [bgcolor=#CCCCCC] | 5 RenderBody {BODY} at (8,8) size 769x2830 [bgcolor=#CCCCCC] |
| 6 RenderBlock (floating) {P} at (0,0) size 384.50x40 [bgcolor=#FFFF00] | 6 RenderBlock (floating) {P} at (0,0) size 384.50x40 [bgcolor=#FFFF00] |
| 7 RenderText {#text} at (0,0) size 384x39 | 7 RenderText {#text} at (0,0) size 384x39 |
| 8 text run at (0,0) width 384: "This paragraph is of class \"one\". It h
as a width of 50% and is" | 8 text run at (0,0) width 384: "This paragraph is of class \"one\". It h
as a width of 50% and is" |
| 9 text run at (0,20) width 105: "floated to the left." | 9 text run at (0,20) width 105: "floated to the left." |
| 10 RenderBlock {P} at (0,0) size 769x80 | 10 RenderBlock {P} at (0,0) size 769x80 |
| (...skipping 118 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 129 text run at (0,40) width 192: "background is blue and the" | 129 text run at (0,40) width 192: "background is blue and the" |
| 130 text run at (0,60) width 83: "width is 25%." | 130 text run at (0,60) width 83: "width is 25%." |
| 131 RenderBlock (floating) {DIV} at (576.75,1140) size 192.25x80 [bgcolor=#FFF
F00] | 131 RenderBlock (floating) {DIV} at (576.75,1140) size 192.25x80 [bgcolor=#FFF
F00] |
| 132 RenderBlock {P} at (0,0) size 192.25x80 | 132 RenderBlock {P} at (0,0) size 192.25x80 |
| 133 RenderText {#text} at (0,0) size 192x79 | 133 RenderText {#text} at (0,0) size 192x79 |
| 134 text run at (0,0) width 192: "This paragraph is inside a DIV" | 134 text run at (0,0) width 192: "This paragraph is inside a DIV" |
| 135 text run at (0,20) width 192: "which is floated right. Its" | 135 text run at (0,20) width 192: "which is floated right. Its" |
| 136 text run at (0,40) width 192: "background is yellow and the" | 136 text run at (0,40) width 192: "background is yellow and the" |
| 137 text run at (0,60) width 83: "width is 25%." | 137 text run at (0,60) width 83: "width is 25%." |
| 138 RenderBlock {P} at (0,1140) size 769x40 | 138 RenderBlock {P} at (0,1140) size 769x40 |
| 139 RenderText {#text} at (192,0) size 384x39 | 139 RenderText {#text} at (192,0) size 385x39 |
| 140 text run at (192,0) width 384: "This paragraph should appear between a
blue box (on the left)" | 140 text run at (192,0) width 385: "This paragraph should appear between a
blue box (on the left)" |
| 141 text run at (192,20) width 189: "and a yellow box (on the right)." | 141 text run at (192,20) width 189: "and a yellow box (on the right)." |
| 142 RenderBlock (anonymous) at (0,1180) size 769x40 | 142 RenderBlock (anonymous) at (0,1180) size 769x40 |
| 143 RenderBR {BR} at (192,0) size 1x19 | 143 RenderBR {BR} at (192,0) size 1x19 |
| 144 RenderBlock {HR} at (0,1228) size 769x2 [border: (1px inset #EEEEEE)] | 144 RenderBlock {HR} at (0,1228) size 769x2 [border: (1px inset #EEEEEE)] |
| 145 RenderBlock (floating) {DIV} at (0,1238) size 576.75x120 [bgcolor=#66CCFF] | 145 RenderBlock (floating) {DIV} at (0,1238) size 576.75x120 [bgcolor=#66CCFF] |
| 146 RenderBlock (floating) {DIV} at (422.56,0) size 144.19x40 [bgcolor=#FFFF
00] | 146 RenderBlock (floating) {DIV} at (422.56,0) size 144.19x40 [bgcolor=#FFFF
00] |
| 147 RenderBlock {P} at (0,0) size 144.19x40 | 147 RenderBlock {P} at (0,0) size 144.19x40 |
| 148 RenderText {#text} at (0,0) size 144x39 | 148 RenderText {#text} at (0,0) size 144x39 |
| 149 text run at (0,0) width 144: "See description in the" | 149 text run at (0,0) width 144: "See description in the" |
| 150 text run at (0,20) width 118: "box on the left side." | 150 text run at (0,20) width 118: "box on the left side." |
| 151 RenderBlock {P} at (0,0) size 576.75x120 | 151 RenderBlock {P} at (0,0) size 576.75x120 |
| 152 RenderText {#text} at (0,0) size 576x119 | 152 RenderText {#text} at (0,0) size 576x119 |
| 153 text run at (0,0) width 350: "This paragraph is inside a DIV which i
s floated left. The " | 153 text run at (0,0) width 350: "This paragraph is inside a DIV which i
s floated left. The " |
| 154 text run at (350,0) width 72: "background" | 154 text run at (350,0) width 72: "background" |
| 155 text run at (0,20) width 320: "of the DIV element is blue and its wi
dth is 75%. This " | 155 text run at (0,20) width 321: "of the DIV element is blue and its wi
dth is 75%. This " |
| 156 text run at (320,20) width 102: "text should all be" | 156 text run at (321,20) width 101: "text should all be" |
| 157 text run at (0,40) width 248: "inside the blue rectangle. The blue D
IV " | 157 text run at (0,40) width 249: "inside the blue rectangle. The blue D
IV " |
| 158 text run at (248,40) width 328: "element has another DIV element as
a child. It has a" | 158 text run at (249,40) width 327: "element has another DIV element as
a child. It has a" |
| 159 text run at (0,60) width 45: "yellow " | 159 text run at (0,60) width 45: "yellow " |
| 160 text run at (45,60) width 367: "background color and is floated to t
he right. Since it is a " | 160 text run at (45,60) width 367: "background color and is floated to t
he right. Since it is a " |
| 161 text run at (412,60) width 164: "child of the blue DIV, the" | 161 text run at (412,60) width 164: "child of the blue DIV, the" |
| 162 text run at (0,80) width 236: "yellow DIV should appear inside the " | 162 text run at (0,80) width 236: "yellow DIV should appear inside the " |
| 163 text run at (236,80) width 340: "blue rectangle. Due to it being flo
ated to the right and" | 163 text run at (236,80) width 340: "blue rectangle. Due to it being flo
ated to the right and" |
| 164 text run at (0,100) width 42: "having " | 164 text run at (0,100) width 42: "having " |
| 165 text run at (42,100) width 394: "a 10px right margin, the yellow rec
tange should have a 10px blue " | 165 text run at (42,100) width 394: "a 10px right margin, the yellow rec
tange should have a 10px blue " |
| 166 text run at (436,100) width 131: "stripe on its right side." | 166 text run at (436,100) width 131: "stripe on its right side." |
| 167 RenderBlock (anonymous) at (0,1238) size 769x120 | 167 RenderBlock (anonymous) at (0,1238) size 769x120 |
| 168 RenderBR {BR} at (576,0) size 1x19 | 168 RenderBR {BR} at (576,0) size 1x19 |
| (...skipping 154 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 323 RenderBlock (floating) {DIV} at (4,1262) size 560.25x140 [bgcolor=
#66CCFF] | 323 RenderBlock (floating) {DIV} at (4,1262) size 560.25x140 [bgcolor=
#66CCFF] |
| 324 RenderBlock (floating) {DIV} at (410.19,0) size 140.06x40 [bgcol
or=#FFFF00] | 324 RenderBlock (floating) {DIV} at (410.19,0) size 140.06x40 [bgcol
or=#FFFF00] |
| 325 RenderBlock {P} at (0,0) size 140.06x40 | 325 RenderBlock {P} at (0,0) size 140.06x40 |
| 326 RenderText {#text} at (0,0) size 140x39 | 326 RenderText {#text} at (0,0) size 140x39 |
| 327 text run at (0,0) width 140: "See description in the" | 327 text run at (0,0) width 140: "See description in the" |
| 328 text run at (0,20) width 118: "box on the left side." | 328 text run at (0,20) width 118: "box on the left side." |
| 329 RenderBlock {P} at (0,0) size 560.25x140 | 329 RenderBlock {P} at (0,0) size 560.25x140 |
| 330 RenderText {#text} at (0,0) size 560x139 | 330 RenderText {#text} at (0,0) size 560x139 |
| 331 text run at (0,0) width 338: "This paragraph is inside a DIV
which is floated left. The " | 331 text run at (0,0) width 338: "This paragraph is inside a DIV
which is floated left. The " |
| 332 text run at (338,0) width 72: "background" | 332 text run at (338,0) width 72: "background" |
| 333 text run at (0,20) width 326: "of the DIV element is blue an
d its width is 75%. This " | 333 text run at (0,20) width 327: "of the DIV element is blue an
d its width is 75%. This " |
| 334 text run at (326,20) width 84: "text should all" | 334 text run at (327,20) width 83: "text should all" |
| 335 text run at (0,40) width 257: "be inside the blue rectangle.
The blue DIV " | 335 text run at (0,40) width 258: "be inside the blue rectangle.
The blue DIV " |
| 336 text run at (257,40) width 303: "element has another DIV ele
ment as a child. It has" | 336 text run at (258,40) width 302: "element has another DIV ele
ment as a child. It has" |
| 337 text run at (0,60) width 55: "a yellow " | 337 text run at (0,60) width 55: "a yellow " |
| 338 text run at (55,60) width 348: "background color and is floa
ted to the right. Since it is a " | 338 text run at (55,60) width 349: "background color and is floa
ted to the right. Since it is a " |
| 339 text run at (403,60) width 157: "child of the blue DIV, the" | 339 text run at (404,60) width 156: "child of the blue DIV, the" |
| 340 text run at (0,80) width 230: "yellow DIV should appear insi
de the " | 340 text run at (0,80) width 230: "yellow DIV should appear insi
de the " |
| 341 text run at (230,80) width 330: "blue rectangle. Due to it b
eing floated to the right and" | 341 text run at (230,80) width 330: "blue rectangle. Due to it b
eing floated to the right and" |
| 342 text run at (0,100) width 43: "having " | 342 text run at (0,100) width 43: "having " |
| 343 text run at (43,100) width 413: "a 10px right margin, the ye
llow rectange should have a 10px blue " | 343 text run at (43,100) width 413: "a 10px right margin, the ye
llow rectange should have a 10px blue " |
| 344 text run at (456,100) width 104: "stripe on its right" | 344 text run at (456,100) width 104: "stripe on its right" |
| 345 text run at (0,120) width 28: "side." | 345 text run at (0,120) width 28: "side." |
| 346 RenderBlock (anonymous) at (4,1262) size 747x140 | 346 RenderBlock (anonymous) at (4,1262) size 747x140 |
| 347 RenderBR {BR} at (560,0) size 1x19 | 347 RenderBR {BR} at (560,0) size 1x19 |
| 348 RenderBlock {HR} at (4,1410) size 747x2 [border: (1px inset #EEEEE
E)] | 348 RenderBlock {HR} at (4,1410) size 747x2 [border: (1px inset #EEEEE
E)] |
| OLD | NEW |