| 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 504x584 [border: (2px solid #000000)] | 5 LayoutBlockFlow {BODY} at (8,8) size 504x584 [border: (2px solid #000000)] |
| 6 LayoutBlockFlow {DIV} at (18,2) size 204x580 [border: (2px solid #800000)] | 6 LayoutBlockFlow {DIV} at (18,2) size 204x580 [border: (2px solid #800000)] |
| 7 LayoutBlockFlow (floating) {DIV} at (2,478) size 100x100 [bgcolor=#00FF0
0] | 7 LayoutBlockFlow (floating) {DIV} at (2,478) size 100x100 [bgcolor=#00FF0
0] |
| 8 LayoutText {#text} at (2,2) size 19x472 | 8 LayoutText {#text} at (2,2) size 19x473 |
| 9 text run at (2,2) width 266: "Here is some text in a vertical-rl block
flow. " | 9 text run at (2,2) width 267: "Here is some text in a vertical-rl block
flow. " |
| 10 text run at (2,267) width 206: "The block direction is right-to-left." | 10 text run at (2,269) width 206: "The block direction is right-to-left." |
| 11 LayoutBR {BR} at (17,473) size 0x1 | 11 LayoutBR {BR} at (17,475) size 0x0 |
| 12 LayoutText {#text} at (22,2) size 19x190 | 12 LayoutText {#text} at (22,2) size 19x190 |
| 13 text run at (22,2) width 190: "This line should also be vertical." | 13 text run at (22,2) width 190: "This line should also be vertical." |
| OLD | NEW |