layer at (0,0) size 785x726
  RenderView at (0,0) size 785x600
layer at (0,0) size 785x726
  RenderBlock {HTML} at (0,0) size 785x726
    RenderBody {BODY} at (8,8) size 769x702 [bgcolor=#CCCCCC]
      RenderBlock {P} at (10,0) size 759x18
        RenderText {#text} at (0,0) size 292x18
          text run at (0,0) width 292: "This paragraph should be indented ten pixels."
      RenderBlock {DIV} at (10,34) size 759x18
        RenderBlock {P} at (10,0) size 749x18
          RenderText {#text} at (0,0) size 581x18
            text run at (0,0) width 581: "This paragraph should be indented twenty pixels, since horizontal margins do not collapse."
      RenderBlock {P} at (0,68) size 385x108 [bgcolor=#808080]
        RenderText {#text} at (0,0) size 381x108
          text run at (0,0) width 368: "This element has a width of 50%, and due to 'auto' values"
          text run at (0,18) width 344: "applied to the right margin, the element should be left"
          text run at (0,36) width 168: "justified within its parent. "
          text run at (167,36) width 168: "The gray rectangle should"
          text run at (0,54) width 366: "therefore appear on the left edge of the viewport (e.g. the"
          text run at (0,72) width 381: "browser window). The text inside the gray rectangle should"
          text run at (0,90) width 102: "not be centered."
      RenderBlock {P} at (192,192) size 385x108 [bgcolor=#808080]
        RenderText {#text} at (0,0) size 381x108
          text run at (0,0) width 368: "This element has a width of 50%, and due to 'auto' values"
          text run at (0,18) width 377: "applied to the left and right margins, the element should be"
          text run at (0,36) width 171: "centered within its parent. "
          text run at (170,36) width 167: "The gray rectangle should"
          text run at (0,54) width 351: "therefore appear in the middle of the viewport (e.g. the"
          text run at (0,72) width 381: "browser window). The text inside the gray rectangle should"
          text run at (0,90) width 102: "not be centered."
      RenderBlock {P} at (384,316) size 385x108 [bgcolor=#808080]
        RenderText {#text} at (0,0) size 381x108
          text run at (0,0) width 368: "This element has a width of 50%, and due to 'auto' values"
          text run at (0,18) width 344: "applied to the left margin, the element should be right"
          text run at (0,36) width 168: "justified within its parent. "
          text run at (167,36) width 168: "The gray rectangle should"
          text run at (0,54) width 375: "therefore appear on the right edge of the viewport (e.g. the"
          text run at (0,72) width 381: "browser window). The text inside the gray rectangle should"
          text run at (0,90) width 102: "not be centered."
      RenderBlock {P} at (0,440) size 769x36 [bgcolor=#808080]
        RenderText {#text} at (0,0) size 747x36
          text run at (0,0) width 747: "Since the width is \"auto,\" the margins that are set to \"auto\" become zero and this paragraph should have width 100%"
          text run at (0,18) width 226: "and the text should be left justified."
      RenderBlock {P} at (0,492) size 769x36 [bgcolor=#808080]
        RenderText {#text} at (0,0) size 747x36
          text run at (0,0) width 747: "Since the width is \"auto,\" the margins that are set to \"auto\" become zero and this paragraph should have width 100%"
          text run at (0,18) width 226: "and the text should be left justified."
      RenderBlock {P} at (0,544) size 769x36 [bgcolor=#808080]
        RenderText {#text} at (0,0) size 747x36
          text run at (0,0) width 747: "Since the width is \"auto,\" the margins that are set to \"auto\" become zero and this paragraph should have width 100%"
          text run at (0,18) width 226: "and the text should be left justified."
      RenderBlock {P} at (0,596) size 385x72 [bgcolor=#808080]
        RenderText {#text} at (0,0) size 379x36
          text run at (0,0) width 379: "Since auto is an invalid value for padding, the right-margin"
          text run at (0,18) width 229: "of this paragraph should be reset to "
        RenderInline {CODE} at (0,0) size 33x15
          RenderText {#text} at (228,20) size 33x15
            text run at (228,20) width 33: "auto"
        RenderText {#text} at (260,18) size 376x54
          text run at (260,18) width 77: " and thus be"
          text run at (0,36) width 376: "expanded to 50% and it should only occupy the left half of"
          text run at (0,54) width 85: "the viewport."
      RenderBlock {P} at (0,684) size 769x18 [bgcolor=#808080]
        RenderText {#text} at (0,0) size 643x18
          text run at (0,0) width 643: "Because this paragraph has width 100%, the auto margins become zero, so it should not be centered."