| layer at (0,0) size 800x600 |
| LayoutView at (0,0) size 800x600 |
| layer at (0,0) size 800x242 |
| LayoutBlockFlow {HTML} at (0,0) size 800x242 |
| LayoutBlockFlow {BODY} at (8,16) size 784x128 |
| LayoutBlockFlow {P} at (0,0) size 784x42 [color=#000080] |
| LayoutText {#text} at (0,4) size 408x18 |
| text run at (0,4) width 252: "In the following test, the purple square " |
| text run at (251,4) width 157: "should be on the left (\x{21E6}" |
| LayoutImage {IMG} at (407.45,3) size 19.19x19.19 |
| LayoutText {#text} at (426,4) size 221x18 |
| text run at (426,4) width 221: "), and the teal square on the right (" |
| LayoutImage {IMG} at (646.56,3) size 19.19x19.19 |
| LayoutText {#text} at (665,4) size 760x38 |
| text run at (665,4) width 95: "\x{21E8}) of the blue" |
| text run at (0,24) width 63: "rectangle." |
| LayoutBlockFlow {DIV} at (0,58) size 784x70 |
| LayoutBlockFlow {DIV} at (16,0) size 752x70 [color=#0000FF] [bgcolor=#000080] |
| LayoutImage (floating) {IMG} at (8,8) size 160x160 |
| LayoutImage (floating) {IMG} at (584,8) size 160x160 |
| LayoutText {#text} at (168,8) size 400x54 |
| text run at (168,8) width 400: "Blue rectangle. Blue rectangle. Blue rectangle. Blue rectangle." |
| text run at (168,26) width 202: "Blue rectangle. Blue rectangle. " |
| text run at (369,26) width 199: "Blue rectangle. Blue rectangle." |
| text run at (168,44) width 400: "Blue rectangle. Blue rectangle. Blue rectangle. Blue rectangle." |