| 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 800x600 | 3 layer at (0,0) size 800x600 |
| 4 RenderBlock {HTML} at (0,0) size 800x600 | 4 RenderBlock {HTML} at (0,0) size 800x600 |
| 5 RenderBody {BODY} at (8,8) size 784x576 | 5 RenderBody {BODY} at (8,8) size 784x576 |
| 6 RenderBlock {OL} at (0,0) size 784x40 | 6 RenderBlock {OL} at (0,0) size 784x40 |
| 7 RenderListItem {LI} at (40,0) size 744x20 | 7 LayoutListItem {LI} at (40,0) size 744x20 |
| 8 RenderListMarker at (-21,0) size 16x19: "1" | 8 LayoutListMarker at (-21,0) size 16x19: "1" |
| 9 RenderText {#text} at (0,0) size 149x19 | 9 RenderText {#text} at (0,0) size 149x19 |
| 10 text run at (0,0) width 149: "Make text bigger/smaller" | 10 text run at (0,0) width 149: "Make text bigger/smaller" |
| 11 RenderListItem {LI} at (40,20) size 744x20 | 11 LayoutListItem {LI} at (40,20) size 744x20 |
| 12 RenderListMarker at (-21,0) size 16x19: "2" | 12 LayoutListMarker at (-21,0) size 16x19: "2" |
| 13 RenderText {#text} at (0,0) size 207x19 | 13 RenderText {#text} at (0,0) size 207x19 |
| 14 text run at (0,0) width 207: "Make the window narrower/wider" | 14 text run at (0,0) width 207: "Make the window narrower/wider" |
| 15 layer at (8,64) size 125x26 | 15 layer at (8,64) size 125x26 |
| 16 RenderBlock (positioned) {DIV} at (8,64) size 125x26 [border: (3px solid #0000
00)] | 16 RenderBlock (positioned) {DIV} at (8,64) size 125x26 [border: (3px solid #0000
00)] |
| 17 RenderText {#text} at (43,3) size 79x19 | 17 RenderText {#text} at (43,3) size 79x19 |
| 18 text run at (43,3) width 79: "Lorem ipsum" | 18 text run at (43,3) width 79: "Lorem ipsum" |
| OLD | NEW |