| layer at (0,0) size 800x600 |
| RenderView at (0,0) size 800x600 |
| layer at (0,0) size 800x168 |
| RenderBlock {HTML} at (0,0) size 800x168 |
| RenderBody {BODY} at (8,16) size 784x136 |
| RenderBlock {P} at (0,0) size 784x20 |
| RenderText {#text} at (0,0) size 609x19 |
| text run at (0,0) width 609: "Below, there should be 2 orange boxes horizontally centered within their respective green bars." |
| RenderBlock {DIV} at (16,36) size 752x42 [bgcolor=#008000] |
| RenderBlock (anonymous) at (0,0) size 752x20 |
| RenderText {#text} at (0,0) size 36x19 |
| text run at (0,0) width 36: " " |
| RenderButton {INPUT} at (364,22) size 24x20 [bgcolor=#FFA500] [border: (1px solid #4C4C4C)] |
| RenderBlock {FORM} at (0,94) size 784x42 |
| RenderBlock {DIV} at (16,0) size 752x42 [bgcolor=#008000] |
| RenderBlock (anonymous) at (0,0) size 752x20 |
| RenderText {#text} at (0,0) size 36x19 |
| text run at (0,0) width 36: " " |
| RenderButton {INPUT} at (364,22) size 24x20 [bgcolor=#FFA500] [border: (1px solid #4C4C4C)] |