| layer at (0,0) size 800x600 |
| RenderView at (0,0) size 800x600 |
| layer at (0,0) size 800x254 |
| RenderBlock {HTML} at (0,0) size 800x254 |
| RenderBody {BODY} at (8,16) size 784x188 |
| RenderBlock {P} at (0,0) size 784x36 |
| RenderText {#text} at (0,0) size 770x35 |
| text run at (0,0) width 770: "There should be four identical white boxes in the teal block below, all the same size, each one a little lower down on the" |
| text run at (0,18) width 138: "line, in a step pattern." |
| RenderBlock {DIV} at (50,86) size 684x102 [color=#FFFFFF] [bgcolor=#008080] |
| RenderInline {SPAN} at (0,0) size 50x50 |
| RenderText {#text} at (12,12) size 50x50 |
| text run at (12,12) width 50: "X" |
| RenderText {#text} at (61,29) size 51x50 |
| text run at (61,29) width 51: " " |
| RenderImage {IMG} at (112,19) size 50x50 |
| RenderText {#text} at (161,29) size 151x50 |
| text run at (161,29) width 151: " X " |
| RenderInline {SPAN} at (0,0) size 51x50 |
| RenderText {#text} at (311,40) size 51x50 |
| text run at (311,40) width 51: "X" |
