| layer at (0,0) size 800x788 |
| RenderView at (0,0) size 800x600 |
| layer at (0,0) size 800x788 |
| RenderBlock {HTML} at (0,0) size 800x788 |
| RenderBody {BODY} at (8,8) size 784x764 [bgcolor=#CCCCCC] |
| RenderBlock {P} at (10,0) size 774x20 |
| RenderText {#text} at (0,0) size 292x19 |
| text run at (0,0) width 292: "This paragraph should be indented ten pixels." |
| RenderBlock {DIV} at (10,36) size 774x20 |
| RenderBlock {P} at (10,0) size 764x20 |
| RenderText {#text} at (0,0) size 581x19 |
| text run at (0,0) width 581: "This paragraph should be indented twenty pixels, since horizontal margins do not collapse." |
| RenderBlock {P} at (0,72) size 392x120 [bgcolor=#808080] |
| RenderText {#text} at (0,0) size 381x119 |
| text run at (0,0) width 368: "This element has a width of 50%, and due to 'auto' values" |
| text run at (0,20) width 344: "applied to the right margin, the element should be left" |
| text run at (0,40) width 169: "justified within its parent. " |
| text run at (168,40) width 168: "The gray rectangle should" |
| text run at (0,60) width 366: "therefore appear on the left edge of the viewport (e.g. the" |
| text run at (0,80) width 381: "browser window). The text inside the gray rectangle should" |
| text run at (0,100) width 102: "not be centered." |
| RenderBlock {P} at (196,208) size 392x120 [bgcolor=#808080] |
| RenderText {#text} at (0,0) size 381x119 |
| text run at (0,0) width 368: "This element has a width of 50%, and due to 'auto' values" |
| text run at (0,20) width 377: "applied to the left and right margins, the element should be" |
| text run at (0,40) width 171: "centered within its parent. " |
| text run at (170,40) width 167: "The gray rectangle should" |
| text run at (0,60) width 351: "therefore appear in the middle of the viewport (e.g. the" |
| text run at (0,80) width 381: "browser window). The text inside the gray rectangle should" |
| text run at (0,100) width 102: "not be centered." |
| RenderBlock {P} at (392,344) size 392x120 [bgcolor=#808080] |
| RenderText {#text} at (0,0) size 381x119 |
| text run at (0,0) width 368: "This element has a width of 50%, and due to 'auto' values" |
| text run at (0,20) width 344: "applied to the left margin, the element should be right" |
| text run at (0,40) width 169: "justified within its parent. " |
| text run at (168,40) width 168: "The gray rectangle should" |
| text run at (0,60) width 375: "therefore appear on the right edge of the viewport (e.g. the" |
| text run at (0,80) width 381: "browser window). The text inside the gray rectangle should" |
| text run at (0,100) width 102: "not be centered." |
| RenderBlock {P} at (0,480) size 784x40 [bgcolor=#808080] |
| RenderText {#text} at (0,0) size 774x39 |
| text run at (0,0) width 774: "Since the width is \"auto,\" the margins that are set to \"auto\" become zero and this paragraph should have width 100% and" |
| text run at (0,20) width 200: "the text should be left justified." |
| RenderBlock {P} at (0,536) size 784x40 [bgcolor=#808080] |
| RenderText {#text} at (0,0) size 774x39 |
| text run at (0,0) width 774: "Since the width is \"auto,\" the margins that are set to \"auto\" become zero and this paragraph should have width 100% and" |
| text run at (0,20) width 200: "the text should be left justified." |
| RenderBlock {P} at (0,592) size 784x40 [bgcolor=#808080] |
| RenderText {#text} at (0,0) size 774x39 |
| text run at (0,0) width 774: "Since the width is \"auto,\" the margins that are set to \"auto\" become zero and this paragraph should have width 100% and" |
| text run at (0,20) width 200: "the text should be left justified." |
| RenderBlock {P} at (0,648) size 392x80 [bgcolor=#808080] |
| RenderText {#text} at (0,0) size 379x39 |
| text run at (0,0) width 379: "Since auto is an invalid value for padding, the right-margin" |
| text run at (0,20) width 229: "of this paragraph should be reset to " |
| RenderInline {CODE} at (0,0) size 33x14 |
| RenderText {#text} at (228,25) size 33x14 |
| text run at (228,25) width 33: "auto" |
| RenderText {#text} at (260,20) size 376x59 |
| text run at (260,20) width 77: " and thus be" |
| text run at (0,40) width 376: "expanded to 50% and it should only occupy the left half of" |
| text run at (0,60) width 85: "the viewport." |
| RenderBlock {P} at (0,744) size 784x20 [bgcolor=#808080] |
| RenderText {#text} at (0,0) size 643x19 |
| text run at (0,0) width 643: "Because this paragraph has width 100%, the auto margins become zero, so it should not be centered." |