1 layer at (0,0) size 800x664
2 RenderView at (0,0) size 800x600
3 layer at (0,0) size 800x664
4 RenderBlock {HTML} at (0,0) size 800x664
5 RenderBody {BODY} at (8,8) size 784x640 [bgcolor=#CCCCCC]
6 RenderBlock {P} at (10,0) size 774x16
7 RenderText {#text} at (0,0) size 292x16
8 text run at (0,0) width 292: "This paragraph should be indented ten pixels."
9 RenderBlock {DIV} at (10,32) size 774x16
10 RenderBlock {P} at (10,0) size 764x16
11 RenderText {#text} at (0,0) size 582x16
12 text run at (0,0) width 582: "This paragraph should be indented twenty pixels, since horizontal margins do not collapse."
13 RenderBlock {P} at (0,64) size 392x96 [bgcolor=#808080]
14 RenderText {#text} at (0,0) size 381x96
15 text run at (0,0) width 368: "This element has a width of 50%, and due to 'auto' values"
16 text run at (0,16) width 344: "applied to the right margin, the element should be left"
17 text run at (0,32) width 169: "justified within its parent. "
18 text run at (168,32) width 168: "The gray rectangle should"
19 text run at (0,48) width 366: "therefore appear on the left edge of the viewport (e.g. the"
20 text run at (0,64) width 381: "browser window). The text inside the gray rectangle should"
21 text run at (0,80) width 102: "not be centered."
22 RenderBlock {P} at (196,176) size 392x96 [bgcolor=#808080]
23 RenderText {#text} at (0,0) size 381x96
24 text run at (0,0) width 368: "This element has a width of 50%, and due to 'auto' values"
25 text run at (0,16) width 378: "applied to the left and right margins, the element should be"
26 text run at (0,32) width 171: "centered within its parent. "
27 text run at (170,32) width 167: "The gray rectangle should"
28 text run at (0,48) width 351: "therefore appear in the middle of the viewport (e.g. the"
29 text run at (0,64) width 381: "browser window). The text inside the gray rectangle should"
30 text run at (0,80) width 102: "not be centered."
31 RenderBlock {P} at (392,288) size 392x96 [bgcolor=#808080]
32 RenderText {#text} at (0,0) size 381x96
33 text run at (0,0) width 368: "This element has a width of 50%, and due to 'auto' values"
34 text run at (0,16) width 344: "applied to the left margin, the element should be right"
35 text run at (0,32) width 169: "justified within its parent. "
36 text run at (168,32) width 168: "The gray rectangle should"
37 text run at (0,48) width 375: "therefore appear on the right edge of the viewport (e.g. the"
38 text run at (0,64) width 381: "browser window). The text inside the gray rectangle should"
39 text run at (0,80) width 102: "not be centered."
40 RenderBlock {P} at (0,400) size 784x32 [bgcolor=#808080]
41 RenderText {#text} at (0,0) size 774x32
42 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"
43 text run at (0,16) width 200: "the text should be left justified."
44 RenderBlock {P} at (0,448) size 784x32 [bgcolor=#808080]
45 RenderText {#text} at (0,0) size 774x32
46 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"
47 text run at (0,16) width 200: "the text should be left justified."
48 RenderBlock {P} at (0,496) size 784x32 [bgcolor=#808080]
49 RenderText {#text} at (0,0) size 774x32
50 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"
51 text run at (0,16) width 200: "the text should be left justified."
52 RenderBlock {P} at (0,544) size 392x64 [bgcolor=#808080]
53 RenderText {#text} at (0,0) size 379x32
54 text run at (0,0) width 379: "Since auto is an invalid value for padding, the right-margin"
55 text run at (0,16) width 229: "of this paragraph should be reset to "
56 RenderInline {CODE} at (0,0) size 33x13
57 RenderText {#text} at (228,18) size 33x13
58 text run at (228,18) width 33: "auto"
59 RenderText {#text} at (260,16) size 376x48
60 text run at (260,16) width 77: " and thus be"
61 text run at (0,32) width 376: "expanded to 50% and it should only occupy the left half of"
62 text run at (0,48) width 85: "the viewport."
63 RenderBlock {P} at (0,624) size 784x16 [bgcolor=#808080]
64 RenderText {#text} at (0,0) size 643x16
65 text run at (0,0) width 643: "Because this paragraph has width 100%, the auto margins become zero, so it should not be centered."