| OLD | NEW |
| 1 layer at (0,0) size 800x600 | 1 layer at (0,0) size 800x600 |
| 2 LayoutView at (0,0) size 800x600 | 2 LayoutView at (0,0) size 800x600 |
| 3 layer at (0,0) size 800x600 | 3 layer at (0,0) size 800x600 |
| 4 LayoutBlockFlow {HTML} at (0,0) size 800x600 | 4 LayoutBlockFlow {HTML} at (0,0) size 800x600 |
| 5 LayoutBlockFlow {BODY} at (8,8) size 784x576 | 5 LayoutBlockFlow {BODY} at (8,8) size 784x576 |
| 6 LayoutBlockFlow {OL} at (0,0) size 784x40 | 6 LayoutBlockFlow {OL} at (0,0) size 784x40 |
| 7 LayoutListItem {LI} at (40,0) size 744x20 | 7 LayoutListItem {LI} at (40,0) size 744x20 |
| 8 LayoutListMarker (anonymous) at (-21,0) size 16x19: "1" | 8 LayoutListMarker (anonymous) at (-16,0) size 16x19: "1" |
| 9 LayoutText {#text} at (0,0) size 149x19 | 9 LayoutText {#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 LayoutListItem {LI} at (40,20) size 744x20 | 11 LayoutListItem {LI} at (40,20) size 744x20 |
| 12 LayoutListMarker (anonymous) at (-21,0) size 16x19: "2" | 12 LayoutListMarker (anonymous) at (-16,0) size 16x19: "2" |
| 13 LayoutText {#text} at (0,0) size 207x19 | 13 LayoutText {#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 LayoutBlockFlow (positioned) {DIV} at (8,64) size 125x26 [border: (3px solid #
000000)] | 16 LayoutBlockFlow (positioned) {DIV} at (8,64) size 125x26 [border: (3px solid #
000000)] |
| 17 LayoutText {#text} at (43,3) size 79x19 | 17 LayoutText {#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 |