| layer at (0,0) size 800x600 |
| RenderView at (0,0) size 800x600 |
| layer at (0,0) size 800x403 |
| RenderBlock {html} at (0,0) size 800x403 |
| RenderBody {body} at (8,8) size 784x379 |
| RenderBlock {div} at (0,0) size 784x213 [bgcolor=#008000] |
| RenderEmbeddedObject {object} at (0,0) size 208x208 [bgcolor=#FFA500] |
| layer at (0,0) size 208x208 |
| RenderView at (0,0) size 208x208 |
| layer at (0,0) size 208x208 |
| RenderSVGRoot {svg} at (20,20) size 168x168 |
| RenderSVGEllipse {circle} at (20,20) size 168x168 [fill={[type=SOLID] [color=#FF0000]}] [cx=25.00] [cy=25.00] [r=20.00] |
| RenderText {#text} at (0,0) size 0x0 |
| RenderBlock {p} at (0,229) size 208x20 [bgcolor=#0000FF] |
| RenderText {#text} at (0,0) size 13x19 |
| text run at (0,0) width 13: "hi" |
| RenderBlock {h2} at (0,268) size 784x31 |
| RenderText {#text} at (0,1) size 169x28 |
| text run at (0,1) width 169: "Expected results" |
| RenderBlock {ul} at (0,318) size 784x61 |
| RenderListItem {li} at (40,0) size 744x20 |
| RenderListMarker at (-18,0) size 7x19: bullet |
| RenderText {#text} at (0,0) size 29x19 |
| text run at (0,0) width 29: "The " |
| RenderInline {code} at (0,0) size 25x17 |
| RenderText {#text} at (28,2) size 25x17 |
| text run at (28,2) width 25: "div" |
| RenderText {#text} at (52,0) size 248x19 |
| text run at (52,0) width 248: " containing the object appears in green" |
| RenderListItem {li} at (40,20) size 744x20 |
| RenderListMarker at (-18,0) size 7x19: bullet |
| RenderText {#text} at (0,0) size 29x19 |
| text run at (0,0) width 29: "The " |
| RenderInline {code} at (0,0) size 48x17 |
| RenderText {#text} at (28,2) size 48x17 |
| text run at (28,2) width 48: "object" |
| RenderText {#text} at (75,0) size 278x19 |
| text run at (75,0) width 278: " appears in orange. Its height is set at 13em" |
| RenderListItem {li} at (40,40) size 744x20 |
| RenderListMarker at (-18,0) size 7x19: bullet |
| RenderText {#text} at (0,0) size 174x19 |
| text run at (0,0) width 174: "The blue line is 13em wide" |