| layer at (0,0) size 785x728 |
| RenderView at (0,0) size 785x600 |
| layer at (0,0) size 785x728 |
| RenderBlock {HTML} at (0,0) size 785x728 |
| RenderBody {BODY} at (8,8) size 769x704 [bgcolor=#CCCCCC] |
| RenderBlock {P} at (10,0) size 759x20 |
| RenderText {#text} at (0,0) size 271x19 |
| text run at (0,0) width 271: "This paragraph should be indented ten pixels." |
| RenderBlock {DIV} at (10,36) size 759x20 |
| RenderBlock {P} at (10,0) size 749x20 |
| RenderText {#text} at (0,0) size 539x19 |
| text run at (0,0) width 539: "This paragraph should be indented twenty pixels, since horizontal margins do not collapse." |
| RenderBlock {P} at (0,72) size 385x100 [bgcolor=#808080] |
| RenderText {#text} at (0,0) size 379x99 |
| text run at (0,0) width 345: "This element has a width of 50%, and due to 'auto' values" |
| text run at (0,20) width 366: "applied to the right margin, the element should be left justified" |
| text run at (0,40) width 102: "within its parent. " |
| text run at (102,40) width 277: "The gray rectangle should therefore appear on" |
| text run at (0,60) width 363: "the left edge of the viewport (e.g. the browser window). The" |
| text run at (0,80) width 315: "text inside the gray rectangle should not be centered." |
| RenderBlock {P} at (192,188) size 385x120 [bgcolor=#808080] |
| RenderText {#text} at (0,0) size 370x119 |
| text run at (0,0) width 345: "This element has a width of 50%, and due to 'auto' values" |
| text run at (0,20) width 348: "applied to the left and right margins, the element should be" |
| text run at (0,40) width 158: "centered within its parent. " |
| text run at (158,40) width 212: "The gray rectangle should therefore" |
| text run at (0,60) width 324: "appear in the middle of the viewport (e.g. the browser" |
| text run at (0,80) width 343: "window). The text inside the gray rectangle should not be" |
| text run at (0,100) width 56: "centered." |
| RenderBlock {P} at (384,324) size 385x100 [bgcolor=#808080] |
| RenderText {#text} at (0,0) size 379x99 |
| text run at (0,0) width 345: "This element has a width of 50%, and due to 'auto' values" |
| text run at (0,20) width 366: "applied to the left margin, the element should be right justified" |
| text run at (0,40) width 102: "within its parent. " |
| text run at (102,40) width 277: "The gray rectangle should therefore appear on" |
| text run at (0,60) width 371: "the right edge of the viewport (e.g. the browser window). The" |
| text run at (0,80) width 315: "text inside the gray rectangle should not be centered." |
| RenderBlock {P} at (0,440) size 769x40 [bgcolor=#808080] |
| RenderText {#text} at (0,0) size 745x39 |
| text run at (0,0) width 745: "Since the width is \"auto,\" the margins that are set to \"auto\" become zero and this paragraph should have width 100% and the" |
| text run at (0,20) width 160: "text should be left justified." |
| RenderBlock {P} at (0,496) size 769x40 [bgcolor=#808080] |
| RenderText {#text} at (0,0) size 745x39 |
| text run at (0,0) width 745: "Since the width is \"auto,\" the margins that are set to \"auto\" become zero and this paragraph should have width 100% and the" |
| text run at (0,20) width 160: "text should be left justified." |
| RenderBlock {P} at (0,552) size 769x40 [bgcolor=#808080] |
| RenderText {#text} at (0,0) size 745x39 |
| text run at (0,0) width 745: "Since the width is \"auto,\" the margins that are set to \"auto\" become zero and this paragraph should have width 100% and the" |
| text run at (0,20) width 160: "text should be left justified." |
| RenderBlock {P} at (0,608) size 385x60 [bgcolor=#808080] |
| RenderText {#text} at (0,0) size 362x39 |
| text run at (0,0) width 362: "Since auto is an invalid value for padding, the right-margin of" |
| text run at (0,20) width 200: "this paragraph should be reset to " |
| RenderInline {CODE} at (0,0) size 32x16 |
| RenderText {#text} at (200,23) size 32x16 |
| text run at (200,23) width 32: "auto" |
| RenderText {#text} at (232,20) size 384x39 |
| text run at (232,20) width 152: " and thus be expanded to" |
| text run at (0,40) width 354: "50% and it should only occupy the left half of the viewport." |
| RenderBlock {P} at (0,684) size 769x20 [bgcolor=#808080] |
| RenderText {#text} at (0,0) size 608x19 |
| text run at (0,0) width 608: "Because this paragraph has width 100%, the auto margins become zero, so it should not be centered." |