| layer at (0,0) size 785x696 |
| RenderView at (0,0) size 785x600 |
| layer at (0,0) size 785x696 |
| RenderBlock {HTML} at (0,0) size 785x696 |
| RenderBody {BODY} at (8,8) size 769x672 [bgcolor=#CCCCCC] |
| RenderBlock {P} at (10,0) size 759x17 |
| RenderText {#text} at (0,0) size 286x17 |
| text run at (0,0) width 286: "This paragraph should be indented ten pixels." |
| RenderBlock {DIV} at (10,33) size 759x17 |
| RenderBlock {P} at (10,0) size 749x17 |
| RenderText {#text} at (0,0) size 570x17 |
| text run at (0,0) width 570: "This paragraph should be indented twenty pixels, since horizontal margins do not collapse." |
| RenderBlock {P} at (0,66) size 385x102 [bgcolor=#808080] |
| RenderText {#text} at (0,0) size 375x102 |
| text run at (0,0) width 362: "This element has a width of 50%, and due to 'auto' values" |
| text run at (0,17) width 335: "applied to the right margin, the element should be left" |
| text run at (0,34) width 163: "justified within its parent. " |
| text run at (163,34) width 164: "The gray rectangle should" |
| text run at (0,51) width 358: "therefore appear on the left edge of the viewport (e.g. the" |
| text run at (0,68) width 375: "browser window). The text inside the gray rectangle should" |
| text run at (0,85) width 100: "not be centered." |
| RenderBlock {P} at (192,184) size 385x102 [bgcolor=#808080] |
| RenderText {#text} at (0,0) size 375x102 |
| text run at (0,0) width 362: "This element has a width of 50%, and due to 'auto' values" |
| text run at (0,17) width 368: "applied to the left and right margins, the element should be" |
| text run at (0,34) width 166: "centered within its parent. " |
| text run at (166,34) width 164: "The gray rectangle should" |
| text run at (0,51) width 343: "therefore appear in the middle of the viewport (e.g. the" |
| text run at (0,68) width 375: "browser window). The text inside the gray rectangle should" |
| text run at (0,85) width 100: "not be centered." |
| RenderBlock {P} at (384,302) size 385x102 [bgcolor=#808080] |
| RenderText {#text} at (0,0) size 375x102 |
| text run at (0,0) width 362: "This element has a width of 50%, and due to 'auto' values" |
| text run at (0,17) width 335: "applied to the left margin, the element should be right" |
| text run at (0,34) width 163: "justified within its parent. " |
| text run at (163,34) width 164: "The gray rectangle should" |
| text run at (0,51) width 367: "therefore appear on the right edge of the viewport (e.g. the" |
| text run at (0,68) width 375: "browser window). The text inside the gray rectangle should" |
| text run at (0,85) width 100: "not be centered." |
| RenderBlock {P} at (0,420) size 769x34 [bgcolor=#808080] |
| RenderText {#text} at (0,0) size 762x34 |
| text run at (0,0) width 762: "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,17) width 193: "the text should be left justified." |
| RenderBlock {P} at (0,470) size 769x34 [bgcolor=#808080] |
| RenderText {#text} at (0,0) size 762x34 |
| text run at (0,0) width 762: "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,17) width 193: "the text should be left justified." |
| RenderBlock {P} at (0,520) size 769x34 [bgcolor=#808080] |
| RenderText {#text} at (0,0) size 762x34 |
| text run at (0,0) width 762: "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,17) width 193: "the text should be left justified." |
| RenderBlock {P} at (0,570) size 385x69 [bgcolor=#808080] |
| RenderText {#text} at (0,0) size 370x34 |
| text run at (0,0) width 370: "Since auto is an invalid value for padding, the right-margin" |
| text run at (0,17) width 224: "of this paragraph should be reset to " |
| RenderInline {CODE} at (0,0) size 32x15 |
| RenderText {#text} at (224,20) size 32x15 |
| text run at (224,20) width 32: "auto" |
| RenderText {#text} at (256,17) size 369x52 |
| text run at (256,17) width 76: " and thus be" |
| text run at (0,35) width 369: "expanded to 50% and it should only occupy the left half of" |
| text run at (0,52) width 83: "the viewport." |
| RenderBlock {P} at (0,655) size 769x17 [bgcolor=#808080] |
| RenderText {#text} at (0,0) size 632x17 |
| text run at (0,0) width 632: "Because this paragraph has width 100%, the auto margins become zero, so it should not be centered." |
