| layer at (0,0) size 800x600 |
| RenderView at (0,0) size 800x600 |
| layer at (0,0) size 800x220 |
| RenderBlock {HTML} at (0,0) size 800x220 |
| RenderBody {BODY} at (8,16) size 784x112 |
| RenderBlock {P} at (0,0) size 784x20 [color=#000080] |
| RenderText {#text} at (0,0) size 376x19 |
| text run at (0,0) width 233: "In the following test, the purple square " |
| text run at (233,0) width 143: "should be on the left (\x{21E6}" |
| RenderImage {IMG} at (376,0) size 19x19 |
| RenderText {#text} at (395,0) size 206x19 |
| text run at (395,0) width 206: "), and the teal square on the right (" |
| RenderImage {IMG} at (601,0) size 19x19 |
| RenderText {#text} at (620,0) size 147x19 |
| text run at (620,0) width 89: "\x{21E8}) of the blue " |
| text run at (709,0) width 58: "rectangle." |
| RenderBlock {DIV} at (0,36) size 784x76 |
| RenderBlock {DIV} at (16,0) size 752x76 [color=#0000FF] [bgcolor=#000080] |
| RenderImage {IMG} at (8,8) size 160x160 |
| RenderImage {IMG} at (584,8) size 160x160 |
| RenderText {#text} at (168,8) size 399x59 |
| text run at (168,8) width 399: "Blue rectangle. Blue rectangle. Blue rectangle. Blue rectangle. Blue" |
| text run at (168,28) width 155: "rectangle. Blue rectangle. " |
| text run at (323,28) width 213: "Blue rectangle. Blue rectangle. Blue" |
| text run at (168,48) width 337: "rectangle. Blue rectangle. Blue rectangle. Blue rectangle." |
