| 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 {P} at (0,0) size 784x60 |
| RenderText {#text} at (0,0) size 783x59 |
| text run at (0,0) width 512: "On the left, you should see three blocks that are aligned left within a black box. " |
| text run at (511,0) width 85: "They should " |
| text run at (595,0) width 188: "be stacked vertically with the" |
| text run at (0,20) width 251: "green box in between two olive boxes. " |
| text run at (250,20) width 197: "The olive boxes and the green " |
| text run at (446,20) width 312: "box should be 100x100, and there should be 100" |
| text run at (0,40) width 329: "pixels of padding on the right side of the box stack." |
| RenderBlock {P} at (0,76) size 784x60 |
| RenderText {#text} at (0,0) size 766x59 |
| text run at (0,0) width 495: "On the right, you should see two blocks that are centered within a black box. " |
| text run at (494,0) width 104: "They should be " |
| text run at (597,0) width 169: "stacked vertically with the" |
| text run at (0,20) width 460: "green box below the olive box. The olive box and the green box should " |
| text run at (459,20) width 297: "be 100x100, and there should be 100 pixels of" |
| text run at (0,40) width 252: "padding on either side of the box stack." |
| layer at (8,160) size 240x340 |
| RenderBlock (positioned) {DIV} at (8,160) size 240x340 [border: (20px solid #000000)] |
| RenderTable {TABLE} at (20,20) size 100x100 |
| RenderTableSection {TBODY} at (0,0) size 100x100 |
| RenderTableRow {TR} at (0,0) size 100x100 |
| RenderTableCell {TD} at (0,0) size 100x100 [r=0 c=0 rs=1 cs=1] |
| RenderBlock {DIV} at (0,0) size 100x100 [bgcolor=#808000] |
| layer at (28,280) size 100x100 |
| RenderBlock (positioned) {DIV} at (20,120) size 100x100 [bgcolor=#008000] |
| layer at (28,380) size 100x100 |
| RenderBlock (positioned) {DIV} at (20,220) size 100x100 [bgcolor=#808000] |
| layer at (300,160) size 340x240 |
| RenderBlock (positioned) {DIV} at (300,160) size 340x240 [border: (20px solid #000000)] |
| layer at (320,180) size 200x100 |
| RenderBlock (relative positioned) {DIV} at (20,20) size 200x100 |
| RenderBlock {DIV} at (100,0) size 100x100 [bgcolor=#808000] |
| layer at (420,280) size 100x100 |
| RenderBlock (positioned) {DIV} at (100,100) size 100x100 [bgcolor=#008000] |
