| 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,0) size 185x275 |
| text run at (0,0) width 121: "\x{21E6} This" |
| text run at (0,55) width 166: "blue box" |
| text run at (0,110) width 185: "should be" |
| text run at (0,165) width 118: "on the" |
| text run at (0,220) width 75: "left." |
| RenderBlock (floating) {DIV} at (588,0) size 196x275 [color=#FFFFFF] [bgcolor=#008080] |
| RenderBlock {P} at (0,0) size 196x275 |
| RenderText {#text} at (0,0) size 185x275 |
| text run at (0,0) width 165: "This teal" |
| text run at (0,55) width 72: "box" |
| text run at (0,110) width 185: "should be" |
| text run at (0,165) width 118: "on the" |
| text run at (0,220) width 138: "right. \x{21E8}" |
| RenderBlock {P} at (0,0) size 784x275 |
| RenderText {#text} at (196,0) size 382x275 |
| text run at (196,0) width 365: "This text should be" |
| text run at (196,55) width 335: "in between a blue" |
| text run at (196,110) width 382: "box on the \x{21E6}left and" |
| text run at (196,165) width 315: "a teal box on the" |
| text run at (196,220) width 126: "right\x{21E8}." |
