| layer at (0,0) size 800x600 |
| RenderView at (0,0) size 800x600 |
| layer at (0,0) size 800x291 |
| RenderBlock {HTML} at (0,0) size 800x291 |
| RenderBody {BODY} at (8,8) size 784x275 |
| RenderBlock (floating) {DIV} at (0,0) size 196x275 [color=#FFFFFF] [bgcolor=#000080] |
| RenderBlock {P} at (0,0) size 196x275 |
| RenderText {#text} at (0,1) size 186x273 |
| text run at (0,1) width 138: "\x{21E6} This" |
| text run at (0,56) width 167: "blue box" |
| text run at (0,111) width 186: "should be" |
| text run at (0,166) width 119: "on the" |
| text run at (0,221) width 76: "left." |
| RenderBlock (floating) {DIV} at (588,0) size 196x275 [color=#FFFFFF] [bgcolor=#008080] |
| RenderBlock {P} at (0,0) size 196x275 |
| RenderText {#text} at (0,1) size 186x273 |
| text run at (0,1) width 167: "This teal" |
| text run at (0,56) width 72: "box" |
| text run at (0,111) width 186: "should be" |
| text run at (0,166) width 119: "on the" |
| text run at (0,221) width 155: "right. \x{21E8}" |
| RenderBlock {P} at (0,0) size 784x275 |
| RenderText {#text} at (196,1) size 367x273 |
| text run at (196,1) width 367: "This text should be" |
| text run at (196,56) width 338: "in between a blue" |
| text run at (196,111) width 319: "box on the \x{21E6}left" |
| text run at (196,166) width 328: "and a teal box on" |
| text run at (196,221) width 214: "the right\x{21E8}." |
