| layer at (0,0) size 800x600 |
| RenderView at (0,0) size 800x600 |
| layer at (0,0) size 800x212 |
| RenderBlock {HTML} at (0,0) size 800x212 |
| RenderBody {BODY} at (8,16) size 784x181 |
| RenderBlock {P} at (0,0) size 784x18 |
| RenderText {#text} at (0,0) size 277x17 |
| text run at (0,0) width 277: "There should be two boxes of green below." |
| RenderBlock {DIV} at (15,34) size 96x66 [color=#008000] [bgcolor=#FF0000] [border: (3px solid #000000)] |
| RenderBlock (floating) {SPAN} at (3,3) size 45x30 |
| RenderText {#text} at (0,0) size 30x30 |
| text run at (0,0) width 30: "X" |
| RenderText {#text} at (48,3) size 61x60 |
| text run at (48,3) width 16: "x" |
| text run at (48,18) width 16: "x" |
| text run at (3,33) width 61: "xx x" |
| text run at (3,48) width 16: "x" |
| RenderBlock {DIV} at (15,115) size 96x66 [color=#008000] [bgcolor=#FF0000] [border: (3px solid #000000)] |
| RenderBlock (floating) {SPAN} at (3,3) size 45x30 [bgcolor=#008000] |
| RenderText {#text} at (0,0) size 30x30 |
| text run at (0,0) width 30: "X" |
| RenderText {#text} at (48,3) size 61x60 |
| text run at (48,3) width 16: "x" |
| text run at (48,18) width 16: "x" |
| text run at (3,33) width 61: "xx x" |
| text run at (3,48) width 16: "x" |
