| layer at (0,0) size 800x600 |
| RenderView at (0,0) size 800x600 |
| layer at (0,0) size 800x600 |
| RenderBlock {HTML} at (0,0) size 800x600 |
| RenderBody {BODY} at (8,8) size 784x576 |
| RenderBlock (anonymous) at (0,0) size 784x54 |
| RenderText {#text} at (0,0) size 782x54 |
| text run at (0,0) width 519: "In this test, you should see three blocks that are aligned right within a black box. " |
| text run at (518,0) width 249: "They should be stacked vertically with" |
| text run at (0,18) width 275: "the green box in between two olive boxes. " |
| text run at (274,18) width 508: "The olive boxes and the green box should be 100x100, and there should be 100" |
| text run at (0,36) width 320: "pixels of padding on the left side of the box stack." |
| layer at (8,78) size 784x36 |
| RenderBlock (relative positioned) {DIV} at (0,70) size 784x36 |
| RenderText {#text} at (21,0) size 763x36 |
| text run at (21,0) width 763: "The black box's top should be aligned with the end of the last line in this parargaph and its right side should begin right" |
| text run at (596,18) width 5 RTL: "." |
| text run at (600,18) width 184: "after the end of this sentence" |
| RenderText {#text} at (0,0) size 0x0 |
| layer at (365,96) size 240x340 |
| RenderBlock (positioned) {SPAN} at (356,18) size 241x340 [border: (20px solid #000000)] |
| layer at (485,216) size 100x100 |
| RenderBlock (positioned) {DIV} at (120,120) size 100x100 [bgcolor=#008000] |
| layer at (485,116) size 100x100 |
| RenderBlock (positioned) {DIV} at (120,20) size 100x100 [bgcolor=#808000] |
| layer at (485,316) size 100x100 |
| RenderBlock (positioned) {DIV} at (120,220) size 100x100 [bgcolor=#808000] |
