1 layer at (0,0) size 800x708
2 RenderView at (0,0) size 800x600
3 layer at (0,0) size 800x708
4 RenderBlock {HTML} at (0,0) size 800x708
5 RenderBody {BODY} at (8,8) size 784x684 [bgcolor=#CCCCCC]
6 RenderBlock {P} at (10,0) size 774x20
7 RenderText {#text} at (0,0) size 271x19
8 text run at (0,0) width 271: "This paragraph should be indented ten pixels."
9 RenderBlock {DIV} at (10,36) size 774x20
10 RenderBlock {P} at (10,0) size 764x20
11 RenderText {#text} at (0,0) size 539x19
12 text run at (0,0) width 539: "This paragraph should be indented twenty pixels, since horizontal margins do not collapse."
13 RenderBlock {P} at (0,72) size 392x100 [bgcolor=#808080]
14 RenderText {#text} at (0,0) size 389x99
15 text run at (0,0) width 345: "This element has a width of 50%, and due to 'auto' values"
16 text run at (0,20) width 366: "applied to the right margin, the element should be left justified"
17 text run at (0,40) width 102: "within its parent. "
18 text run at (102,40) width 277: "The gray rectangle should therefore appear on"
19 text run at (0,60) width 389: "the left edge of the viewport (e.g. the browser window). The text"
20 text run at (0,80) width 289: "inside the gray rectangle should not be centered."
21 RenderBlock {P} at (196,188) size 392x100 [bgcolor=#808080]
22 RenderText {#text} at (0,0) size 385x99
23 text run at (0,0) width 345: "This element has a width of 50%, and due to 'auto' values"
24 text run at (0,20) width 348: "applied to the left and right margins, the element should be"
25 text run at (0,40) width 158: "centered within its parent. "
26 text run at (158,40) width 212: "The gray rectangle should therefore"
27 text run at (0,60) width 385: "appear in the middle of the viewport (e.g. the browser window)."
28 text run at (0,80) width 342: "The text inside the gray rectangle should not be centered."
29 RenderBlock {P} at (392,304) size 392x100 [bgcolor=#808080]
30 RenderText {#text} at (0,0) size 379x99
31 text run at (0,0) width 345: "This element has a width of 50%, and due to 'auto' values"
32 text run at (0,20) width 366: "applied to the left margin, the element should be right justified"
33 text run at (0,40) width 102: "within its parent. "
34 text run at (102,40) width 277: "The gray rectangle should therefore appear on"
35 text run at (0,60) width 371: "the right edge of the viewport (e.g. the browser window). The"
36 text run at (0,80) width 315: "text inside the gray rectangle should not be centered."
37 RenderBlock {P} at (0,420) size 784x40 [bgcolor=#808080]
38 RenderText {#text} at (0,0) size 771x39
39 text run at (0,0) width 771: "Since the width is \"auto,\" the margins that are set to \"auto\" become zero and this paragraph should have width 100% and the text"
40 text run at (0,20) width 134: "should be left justified."
41 RenderBlock {P} at (0,476) size 784x40 [bgcolor=#808080]
42 RenderText {#text} at (0,0) size 771x39
43 text run at (0,0) width 771: "Since the width is \"auto,\" the margins that are set to \"auto\" become zero and this paragraph should have width 100% and the text"
44 text run at (0,20) width 134: "should be left justified."
45 RenderBlock {P} at (0,532) size 784x40 [bgcolor=#808080]
46 RenderText {#text} at (0,0) size 771x39
47 text run at (0,0) width 771: "Since the width is \"auto,\" the margins that are set to \"auto\" become zero and this paragraph should have width 100% and the text"
48 text run at (0,20) width 134: "should be left justified."
49 RenderBlock {P} at (0,588) size 392x60 [bgcolor=#808080]
50 RenderText {#text} at (0,0) size 386x39
51 text run at (0,0) width 386: "Since auto is an invalid value for padding, the right-margin of this"
52 text run at (0,20) width 176: "paragraph should be reset to "
53 RenderInline {CODE} at (0,0) size 32x16
54 RenderText {#text} at (176,23) size 32x16
55 text run at (176,23) width 32: "auto"
56 RenderText {#text} at (208,20) size 360x39
57 text run at (208,20) width 152: " and thus be expanded to"
58 text run at (0,40) width 354: "50% and it should only occupy the left half of the viewport."
59 RenderBlock {P} at (0,664) size 784x20 [bgcolor=#808080]
60 RenderText {#text} at (0,0) size 608x19
61 text run at (0,0) width 608: "Because this paragraph has width 100%, the auto margins become zero, so it should not be centered."