| 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 (50,50) size 700x156 | 3 layer at (50,50) size 700x156 |
| 4 LayoutBlockFlow {HTML} at (50,50) size 700x156 [border: (1px solid #000000)] | 4 LayoutBlockFlow {HTML} at (50,50) size 700x156 [border: (1px solid #000000)] |
| 5 LayoutBlockFlow {BODY} at (51,51) size 598x54 [color=#000080] [border: (1px
solid #000080)] | 5 LayoutBlockFlow {BODY} at (51,51) size 598x54 [color=#000080] [border: (1px
solid #000080)] |
| 6 LayoutBlockFlow {P} at (1,17) size 596x20 | 6 LayoutBlockFlow {P} at (1,17) size 596x20 |
| 7 LayoutText {#text} at (0,0) size 330x19 | 7 LayoutText {#text} at (0,0) size 330x19 |
| 8 text run at (0,0) width 330: "There should be a yellow square in the t
op-left corner, " | 8 text run at (0,0) width 330: "There should be a yellow square in the t
op-left corner, " |
| 9 LayoutInline {EM} at (0,0) size 53x19 | 9 LayoutInline {EM} at (0,0) size 53x19 |
| 10 LayoutText {#text} at (330,0) size 53x19 | 10 LayoutText {#text} at (330,0) size 53x19 |
| 11 text run at (330,0) width 53: "between" | 11 text run at (330,0) width 53: "between" |
| 12 LayoutText {#text} at (383,0) size 77x19 | 12 LayoutText {#text} at (383,0) size 77x19 |
| 13 text run at (383,0) width 77: " the borders." | 13 text run at (383,0) width 77: " the borders." |
| OLD | NEW |