| OLD | NEW |
| 1 layer at (0,0) size 800x600 | 1 layer at (0,0) size 800x600 |
| 2 RenderView at (0,0) size 800x600 | 2 RenderView at (0,0) size 800x600 |
| 3 layer at (0,0) size 800x195 | 3 layer at (0,0) size 800x195 |
| 4 RenderBlock {HTML} at (0,0) size 800x195 | 4 RenderBlock {HTML} at (0,0) size 800x195 |
| 5 RenderBody {BODY} at (8,16) size 784x147 | 5 RenderBody {BODY} at (8,16) size 784x147 |
| 6 RenderBlock {P} at (0,0) size 784x20 [color=#000080] | 6 RenderBlock {P} at (0,0) size 784x20 [color=#000080] |
| 7 RenderText {#text} at (0,0) size 254x19 | 7 RenderText {#text} at (0,0) size 254x19 |
| 8 text run at (0,0) width 254: "The two sweets below should be identical
:" | 8 text run at (0,0) width 254: "The two sweets below should be identical
:" |
| 9 RenderBlock {DIV} at (0,50) size 105x15 [bgcolor=#FF0000] | 9 RenderBlock {DIV} at (0,50) size 105x15 [bgcolor=#FF0000] |
| 10 RenderBlock {P} at (0,0) size 105x15 [color=#008000] [bgcolor=#00FF00] | 10 RenderBlock {P} at (0,0) size 105x15 [color=#008000] [bgcolor=#00FF00] |
| 11 RenderText {#text} at (0,0) size 30x15 | 11 RenderText {#text} at (0,0) size 30x15 |
| 12 text run at (0,0) width 30: "x " | 12 text run at (0,0) width 30: "x " |
| 13 RenderInline {SPAN} at (0,0) size 45x45 [color=#FFFF00] [bgcolor=#FFA5
00] | 13 RenderInline {SPAN} at (0,0) size 45x45 [color=#FFFF00] [bgcolor=#FFA5
00] |
| 14 RenderText {#text} at (45,0) size 15x15 | 14 RenderText {#text} at (45,0) size 15x15 |
| 15 text run at (45,0) width 15: "x" | 15 text run at (45,0) width 15: "x" |
| 16 RenderText {#text} at (75,0) size 30x15 | 16 RenderText {#text} at (75,0) size 30x15 |
| 17 text run at (75,0) width 30: " x" | 17 text run at (75,0) width 30: " x" |
| 18 RenderBlock {DIV} at (0,97) size 784x50 | 18 RenderBlock {DIV} at (0,97) size 784x50 |
| 19 RenderImage {IMG} at (0,0) size 105x45 | 19 LayoutImage {IMG} at (0,0) size 105x45 |
| OLD | NEW |