layer at (0,0) size 800x600 LayoutView at (0,0) size 800x600 layer at (0,0) size 800x400 LayoutBlockFlow {html} at (0,0) size 800x399.81 LayoutBlockFlow {body} at (8,8) size 784x375.81 LayoutBlockFlow {div} at (0,0) size 784x213 [bgcolor=#008000] LayoutText {#text} at (0,0) size 0x0 LayoutBlockFlow {p} at (0,229) size 208x20 [bgcolor=#0000FF] LayoutText {#text} at (0,0) size 10x19 text run at (0,0) width 10: "hi" LayoutBlockFlow {h2} at (0,268.91) size 784x27 LayoutText {#text} at (0,0) size 169x26 text run at (0,0) width 169: "Expected results" LayoutBlockFlow {ul} at (0,315.81) size 784x60 LayoutListItem {li} at (40,0) size 744x20 LayoutListMarker (anonymous) at (-18,0) size 7x19: bullet LayoutText {#text} at (0,0) size 27x19 text run at (0,0) width 27: "The " LayoutInline {code} at (0,0) size 24x16 LayoutText {#text} at (27,3) size 24x16 text run at (27,3) width 24: "div" LayoutText {#text} at (51,0) size 231x19 text run at (51,0) width 231: " containing the object appears in green" LayoutListItem {li} at (40,20) size 744x20 LayoutListMarker (anonymous) at (-18,0) size 7x19: bullet LayoutText {#text} at (0,0) size 27x19 text run at (0,0) width 27: "The " LayoutInline {code} at (0,0) size 48x16 LayoutText {#text} at (27,3) size 48x16 text run at (27,3) width 48: "object" LayoutText {#text} at (75,0) size 260x19 text run at (75,0) width 260: " appears in orange. Its height is set at 13em" LayoutListItem {li} at (40,40) size 744x20 LayoutListMarker (anonymous) at (-18,0) size 7x19: bullet LayoutText {#text} at (0,0) size 160x19 text run at (0,0) width 160: "The blue line is 13em wide" layer at (8,8) size 208x208 LayoutEmbeddedObject {object} at (0,0) size 208x208 [bgcolor=#FFA500] layer at (0,0) size 208x208 LayoutView at (0,0) size 208x208 layer at (0,0) size 208x208 LayoutSVGRoot {svg} at (20,20) size 168x168 LayoutSVGEllipse {circle} at (20,20) size 168x168 [fill={[type=SOLID] [color=#FF0000]}] [cx=25.00] [cy=25.00] [r=20.00]