| 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 784x36 | 6 LayoutBlockFlow {OL} at (0,0) size 784x36 |
| 7 LayoutListItem {LI} at (40,0) size 744x18 | 7 LayoutListItem {LI} at (40,0) size 744x18 |
| 8 LayoutListMarker (anonymous) at (-20,0) size 16x18: "1" | 8 LayoutListMarker (anonymous) at (-16,0) size 16x18: "1" |
| 9 LayoutText {#text} at (0,0) size 161x18 | 9 LayoutText {#text} at (0,0) size 161x18 |
| 10 text run at (0,0) width 161: "Make text bigger/smaller" | 10 text run at (0,0) width 161: "Make text bigger/smaller" |
| 11 LayoutListItem {LI} at (40,18) size 744x18 | 11 LayoutListItem {LI} at (40,18) size 744x18 |
| 12 LayoutListMarker (anonymous) at (-20,0) size 16x18: "2" | 12 LayoutListMarker (anonymous) at (-16,0) size 16x18: "2" |
| 13 LayoutText {#text} at (0,0) size 219x18 | 13 LayoutText {#text} at (0,0) size 219x18 |
| 14 text run at (0,0) width 219: "Make the window narrower/wider" | 14 text run at (0,0) width 219: "Make the window narrower/wider" |
| 15 layer at (8,60) size 132x24 | 15 layer at (8,60) size 132x24 |
| 16 LayoutBlockFlow (positioned) {DIV} at (8,60) size 131.77x24 [border: (3px soli
d #000000)] | 16 LayoutBlockFlow (positioned) {DIV} at (8,60) size 131.77x24 [border: (3px soli
d #000000)] |
| 17 LayoutText {#text} at (43,3) size 86x18 | 17 LayoutText {#text} at (43,3) size 86x18 |
| 18 text run at (43,3) width 86: "Lorem ipsum" | 18 text run at (43,3) width 86: "Lorem ipsum" |
| OLD | NEW |