| 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 800x56 | 3 layer at (0,0) size 800x56 |
| 4 LayoutBlockFlow {HTML} at (0,0) size 800x56 | 4 LayoutBlockFlow {HTML} at (0,0) size 800x56 |
| 5 LayoutBlockFlow {BODY} at (8,8) size 784x17 | 5 LayoutBlockFlow {BODY} at (8,8) size 784x17 |
| 6 LayoutBlockFlow {DIV} at (0,0) size 784x17 | 6 LayoutBlockFlow {DIV} at (0,0) size 784x17 |
| 7 LayoutBlockFlow (floating) {P} at (0,0) size 392x48 | 7 LayoutBlockFlow (floating) {P} at (0,0) size 392x48 |
| 8 LayoutText {#text} at (0,0) size 340x47 | 8 LayoutText {#text} at (0,0) size 340x47 |
| 9 text run at (0,0) width 340: "There should be a green square to the
right," | 9 text run at (0,0) width 340: "There should be a green square to the
right," |
| 10 text run at (0,25) width 297: "roughly in the middle, horizontally.
\x{21E8}" | 10 text run at (0,25) width 297: "roughly in the middle, horizontally.
\x{21E8}" |
| 11 LayoutImage {IMG} at (392,0) size 15x15 [color=#FF0000] | 11 LayoutImage {IMG} at (392,0) size 15x15 [color=#FF0000] |
| 12 LayoutText {#text} at (0,0) size 0x0 | 12 LayoutText {#text} at (0,0) size 0x0 |
| OLD | NEW |