| layer at (0,0) size 800x600 |
| LayoutView at (0,0) size 800x600 |
| layer at (0,0) size 800x238 |
| LayoutBlockFlow {HTML} at (0,0) size 800x238 |
| LayoutBlockFlow {BODY} at (8,16) size 784x214 |
| LayoutBlockFlow {P} at (0,0) size 784x18 |
| LayoutText {#text} at (0,0) size 296x18 |
| text run at (0,0) width 296: "The three diagrams below should be identical:" |
| LayoutBlockFlow {P} at (0,34) size 160x48 [color=#FFA500] [bgcolor=#FFFF00] |
| LayoutText {#text} at (0,0) size 112x16 |
| text run at (0,0) width 112: "xxx xxx" |
| LayoutInline {SPAN} at (0,0) size 112x16 [bgcolor=#00FF00] |
| LayoutText {#text} at (0,16) size 112x16 |
| text run at (0,16) width 112: "xxx xxx" |
| LayoutText {#text} at (0,32) size 112x16 |
| text run at (0,32) width 112: "xxx xxx" |
| LayoutBlockFlow {P} at (0,98) size 160x48 [color=#FFA500] [bgcolor=#FFFF00] |
| LayoutText {#text} at (0,0) size 112x16 |
| text run at (0,0) width 112: "xxx xxx" |
| LayoutInline {SPAN} at (0,0) size 112x16 [bgcolor=#00FF00] |
| LayoutText {#text} at (0,16) size 112x16 |
| text run at (0,16) width 112: "xxx xxx" |
| LayoutText {#text} at (0,32) size 112x16 |
| text run at (0,32) width 112: "xxx xxx" |
| LayoutBlockFlow {DIV} at (0,162) size 784x52 |
| LayoutImage {IMG} at (0,0) size 48x48 |
| LayoutImage {IMG} at (48,0) size 16x48 [border: (16px solid #FFFF00) none (16px solid #FFFF00) none] |
| LayoutImage {IMG} at (64,0) size 48x48 |
| LayoutImage {IMG} at (112,0) size 48x48 |
| LayoutText {#text} at (0,0) size 0x0 |
