layer at (0,0) size 800x675
  RenderCanvas at (0,0) size 800x600
layer at (0,0) size 800x675
  RenderBlock {HTML} at (0,0) size 800x675
    RenderBody {BODY} at (8,8) size 784x653 [bgcolor=#CCCCCC]
      RenderBlock {P} at (10,0) size 774x17 [bgcolor=#000000]
        RenderText {TEXT} at (0,0) size 314x17
          text run at (0,0) width 314: "This paragraph should be indented ten pixels."
      RenderBlock {DIV} at (10,31) size 774x17 [bgcolor=#000000]
        RenderBlock {P} at (10,0) size 764x17
          RenderText {TEXT} at (0,0) size 625x17
            text run at (0,0) width 625: "This paragraph should be indented twenty pixels, since horizontal margins do not collapse."
      RenderBlock {P} at (0,62) size 392x102 [bgcolor=#808080]
        RenderText {TEXT} at (0,0) size 391x102
          text run at (0,0) width 391: "This element has a width of 50%, and due to 'auto' values"
          text run at (0,17) width 372: "applied to the right margin, the element should be left"
          text run at (0,34) width 180: "justified within its parent. "
          text run at (180,34) width 177: "The gray rectangle should"
          text run at (0,51) width 370: "therefore appear on the left edge of the viewport (e.g."
          text run at (0,68) width 380: "the browser window). The text inside the gray rectangle"
          text run at (0,85) width 163: "should not be centered."
      RenderBlock {P} at (196,178) size 392x102 [bgcolor=#808080]
        RenderText {TEXT} at (0,0) size 391x102
          text run at (0,0) width 391: "This element has a width of 50%, and due to 'auto' values"
          text run at (0,17) width 389: "applied to the left and right margins, the element should"
          text run at (0,34) width 205: "be centered within its parent. "
          text run at (205,34) width 177: "The gray rectangle should"
          text run at (0,51) width 377: "therefore appear in the middle of the viewport (e.g. the"
          text run at (0,68) width 354: "browser window). The text inside the gray rectangle"
          text run at (0,85) width 163: "should not be centered."
      RenderBlock {P} at (392,294) size 392x102 [bgcolor=#808080]
        RenderText {TEXT} at (0,0) size 391x102
          text run at (0,0) width 391: "This element has a width of 50%, and due to 'auto' values"
          text run at (0,17) width 372: "applied to the left margin, the element should be right"
          text run at (0,34) width 180: "justified within its parent. "
          text run at (180,34) width 177: "The gray rectangle should"
          text run at (0,51) width 380: "therefore appear on the right edge of the viewport (e.g."
          text run at (0,68) width 380: "the browser window). The text inside the gray rectangle"
          text run at (0,85) width 163: "should not be centered."
      RenderBlock {P} at (0,410) size 784x34 [bgcolor=#808080]
        RenderText {TEXT} at (0,0) size 756x34
          text run at (0,0) width 756: "Since the width is \"auto,\" the margins that are set to \"auto\" become zero and this paragraph should have width"
          text run at (0,17) width 286: "100% and the text should be left justified."
      RenderBlock {P} at (0,458) size 784x34 [bgcolor=#808080]
        RenderText {TEXT} at (0,0) size 756x34
          text run at (0,0) width 756: "Since the width is \"auto,\" the margins that are set to \"auto\" become zero and this paragraph should have width"
          text run at (0,17) width 286: "100% and the text should be left justified."
      RenderBlock {P} at (0,506) size 784x34 [bgcolor=#808080]
        RenderText {TEXT} at (0,0) size 756x34
          text run at (0,0) width 756: "Since the width is \"auto,\" the margins that are set to \"auto\" become zero and this paragraph should have width"
          text run at (0,17) width 286: "100% and the text should be left justified."
      RenderBlock {P} at (0,554) size 392x68 [bgcolor=#808080]
        RenderText {TEXT} at (0,0) size 342x34
          text run at (0,0) width 312: "Since auto is an invalid value for padding, the"
          text run at (0,17) width 342: "right-margin of this paragraph should be reset to "
        RenderInline {CODE} at (0,0) size 32x16 [bgcolor=#000000]
          RenderText {TEXT} at (342,18) size 32x16
            text run at (342,18) width 32: "auto"
        RenderText {TEXT} at (0,34) size 382x34
          text run at (0,34) width 382: "and thus be expanded to 50% and it should only occupy"
          text run at (0,51) width 191: "the left half of the viewport."
      RenderBlock {P} at (0,636) size 784x17 [bgcolor=#808080]
        RenderText {TEXT} at (0,0) size 694x17
          text run at (0,0) width 694: "Because this paragraph has width 100%, the auto margins become zero, so it should not be centered."
