| layer at (0,0) size 800x600 |
| RenderView at (0,0) size 800x600 |
| layer at (0,0) size 800x312 |
| RenderBlock {HTML} at (0,0) size 800x312 |
| RenderBody {BODY} at (8,16) size 784x286 |
| RenderBlock {P} at (0,0) size 784x20 |
| RenderText {#text} at (0,0) size 345x19 |
| text run at (0,0) width 345: "There should be no red below, just two green squares." |
| RenderBlock {DIV} at (10,36) size 120x120 [color=#008000] [bgcolor=#FF0000] [border: (10px solid #008000)] |
| RenderBlock {P} at (20,10) size 90x10 |
| RenderText {#text} at (0,0) size 10x10 |
| text run at (0,0) width 10: "X" |
| RenderBlock {DIV} at (20,20) size 90x10 |
| RenderBlock {P} at (10,0) size 80x10 |
| RenderText {#text} at (0,0) size 10x10 |
| text run at (0,0) width 10: "X" |
| RenderBlock {P} at (10,30) size 50x10 |
| RenderText {#text} at (0,0) size 10x10 |
| text run at (0,0) width 10: "X" |
| RenderBlock {P} at (35,40) size 50x10 |
| RenderText {#text} at (0,0) size 10x10 |
| text run at (0,0) width 10: "X" |
| RenderBlock {P} at (60,50) size 50x10 |
| RenderText {#text} at (0,0) size 10x10 |
| text run at (0,0) width 10: "X" |
| RenderBlock {P} at (10,60) size 100x10 |
| RenderText {#text} at (0,0) size 10x10 |
| text run at (0,0) width 10: "X" |
| RenderBlock {P} at (10,70) size 100x10 |
| RenderText {#text} at (0,0) size 10x10 |
| text run at (0,0) width 10: "X" |
| RenderBlock {P} at (10,80) size 100x10 |
| RenderText {#text} at (0,0) size 10x10 |
| text run at (0,0) width 10: "X" |
| RenderBlock {P} at (10,90) size 50x10 |
| RenderText {#text} at (0,0) size 10x10 |
| text run at (0,0) width 10: "X" |
| RenderBlock {P} at (10,100) size 100x10 |
| RenderText {#text} at (0,0) size 10x10 |
| text run at (0,0) width 10: "X" |
| RenderBlock {DIV} at (10,166) size 120x120 [color=#008000] [bgcolor=#FF0000] [border: (10px solid #008000)] |
| RenderBlock {P} at (20,10) size 90x10 [bgcolor=#008000] |
| RenderText {#text} at (0,0) size 10x10 |
| text run at (0,0) width 10: "X" |
| RenderBlock {DIV} at (20,20) size 90x10 |
| RenderBlock {P} at (10,0) size 80x10 [bgcolor=#008000] |
| RenderText {#text} at (0,0) size 10x10 |
| text run at (0,0) width 10: "X" |
| RenderBlock {P} at (10,30) size 50x10 [bgcolor=#008000] |
| RenderText {#text} at (0,0) size 10x10 |
| text run at (0,0) width 10: "X" |
| RenderBlock {P} at (35,40) size 50x10 [bgcolor=#008000] |
| RenderText {#text} at (0,0) size 10x10 |
| text run at (0,0) width 10: "X" |
| RenderBlock {P} at (60,50) size 50x10 [bgcolor=#008000] |
| RenderText {#text} at (0,0) size 10x10 |
| text run at (0,0) width 10: "X" |
| RenderBlock {P} at (10,60) size 100x10 [bgcolor=#008000] |
| RenderText {#text} at (0,0) size 10x10 |
| text run at (0,0) width 10: "X" |
| RenderBlock {P} at (10,70) size 100x10 [bgcolor=#008000] |
| RenderText {#text} at (0,0) size 10x10 |
| text run at (0,0) width 10: "X" |
| RenderBlock {P} at (10,80) size 100x10 [bgcolor=#008000] |
| RenderText {#text} at (0,0) size 10x10 |
| text run at (0,0) width 10: "X" |
| RenderBlock {P} at (10,90) size 50x10 [bgcolor=#008000] |
| RenderText {#text} at (0,0) size 10x10 |
| text run at (0,0) width 10: "X" |
| RenderBlock {P} at (10,100) size 100x10 [bgcolor=#008000] |
| RenderText {#text} at (0,0) size 10x10 |
| text run at (0,0) width 10: "X" |
