-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
+layer at (0,0) size 800x672
+ RenderView at (0,0) size 800x600
+layer at (0,0) size 800x672
+ RenderBlock {HTML} at (0,0) size 800x672
+ RenderBody {BODY} at (8,8) size 784x648 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (10,0) size 774x18
RenderText {#text} at (0,0) size 286x18
text run at (0,0) width 286: "This paragraph should be indented ten pixels."
- RenderBlock {DIV} at (10,34) size 759x18
- RenderBlock {P} at (10,0) size 749x18
+ RenderBlock {DIV} at (10,34) size 774x18
+ RenderBlock {P} at (10,0) size 764x18
RenderText {#text} at (0,0) size 570x18
text run at (0,0) width 570: "This paragraph should be indented twenty pixels, since horizontal margins do not collapse."
- RenderBlock {P} at (0,68) size 384.50x108 [bgcolor=#808080]
- RenderText {#text} at (0,0) size 375x108
+ RenderBlock {P} at (0,68) size 392x90 [bgcolor=#808080]
+ RenderText {#text} at (0,0) size 389x90
text run at (0,0) width 362: "This element has a width of 50%, and due to 'auto' values"
- text run at (0,18) width 335: "applied to the right margin, the element should be left"
- text run at (0,36) width 163: "justified within its parent. "
- text run at (163,36) width 164: "The gray rectangle should"
- text run at (0,54) width 358: "therefore appear on the left edge of the viewport (e.g. the"
- text run at (0,72) width 375: "browser window). The text inside the gray rectangle should"
- text run at (0,90) width 100: "not be centered."
- RenderBlock {P} at (192.25,192) size 384.50x108 [bgcolor=#808080]
- RenderText {#text} at (0,0) size 375x108
+ text run at (0,18) width 389: "applied to the right margin, the element should be left justified"
+ text run at (0,36) width 109: "within its parent. "
+ text run at (109,36) width 270: "The gray rectangle should therefore appear"
+ text run at (0,54) width 372: "on the left edge of the viewport (e.g. the browser window)."
+ text run at (0,72) width 359: "The text inside the gray rectangle should not be centered."
+ RenderBlock {P} at (196,174) size 392x108 [bgcolor=#808080]
+ RenderText {#text} at (0,0) size 390x108
text run at (0,0) width 362: "This element has a width of 50%, and due to 'auto' values"
text run at (0,18) width 368: "applied to the left and right margins, the element should be"
text run at (0,36) width 166: "centered within its parent. "
- text run at (166,36) width 164: "The gray rectangle should"
- text run at (0,54) width 343: "therefore appear in the middle of the viewport (e.g. the"
- text run at (0,72) width 375: "browser window). The text inside the gray rectangle should"
- text run at (0,90) width 100: "not be centered."
- RenderBlock {P} at (384.50,316) size 384.50x108 [bgcolor=#808080]
- RenderText {#text} at (0,0) size 375x108
+ text run at (166,36) width 224: "The gray rectangle should therefore"
+ text run at (0,54) width 338: "appear in the middle of the viewport (e.g. the browser"
+ text run at (0,72) width 363: "window). The text inside the gray rectangle should not be"
+ text run at (0,90) width 57: "centered."
+ RenderBlock {P} at (392,298) size 392x90 [bgcolor=#808080]
+ RenderText {#text} at (0,0) size 389x90
text run at (0,0) width 362: "This element has a width of 50%, and due to 'auto' values"
- text run at (0,18) width 335: "applied to the left margin, the element should be right"
- text run at (0,36) width 163: "justified within its parent. "
- text run at (163,36) width 164: "The gray rectangle should"
- text run at (0,54) width 367: "therefore appear on the right edge of the viewport (e.g. the"
- text run at (0,72) width 375: "browser window). The text inside the gray rectangle should"
- text run at (0,90) width 100: "not be centered."
- RenderBlock {P} at (0,440) size 769x36 [bgcolor=#808080]
+ text run at (0,18) width 389: "applied to the left margin, the element should be right justified"
+ text run at (0,36) width 109: "within its parent. "
+ text run at (109,36) width 270: "The gray rectangle should therefore appear"
+ text run at (0,54) width 381: "on the right edge of the viewport (e.g. the browser window)."
+ text run at (0,72) width 359: "The text inside the gray rectangle should not be centered."
+ RenderBlock {P} at (0,404) size 784x36 [bgcolor=#808080]
RenderText {#text} at (0,0) size 762x36
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,18) width 193: "the text should be left justified."
- RenderBlock {P} at (0,492) size 769x36 [bgcolor=#808080]
+ RenderBlock {P} at (0,456) size 784x36 [bgcolor=#808080]
RenderText {#text} at (0,0) size 762x36
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,18) width 193: "the text should be left justified."
- RenderBlock {P} at (0,544) size 769x36 [bgcolor=#808080]
+ RenderBlock {P} at (0,508) size 784x36 [bgcolor=#808080]
RenderText {#text} at (0,0) size 762x36
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,18) width 193: "the text should be left justified."
- RenderBlock {P} at (0,596) size 384.50x72 [bgcolor=#808080]
- RenderText {#text} at (0,0) size 370x36
- text run at (0,0) width 370: "Since auto is an invalid value for padding, the right-margin"
- text run at (0,18) width 224: "of this paragraph should be reset to "
+ RenderBlock {P} at (0,560) size 392x54 [bgcolor=#808080]
+ RenderText {#text} at (0,0) size 387x36
+ text run at (0,0) width 387: "Since auto is an invalid value for padding, the right-margin of"
+ text run at (0,18) width 207: "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,18) size 369x54
- text run at (256,18) width 76: " and thus be"
- text run at (0,36) width 369: "expanded to 50% and it should only occupy the left half of"
- text run at (0,54) width 83: "the viewport."
- RenderBlock {P} at (0,684) size 769x18 [bgcolor=#808080]
+ RenderText {#text} at (207,20) size 32x15
+ text run at (207,20) width 32: "auto"
+ RenderText {#text} at (239,18) size 391x36
+ text run at (239,18) width 141: " and thus be expanded"
+ text run at (0,36) width 391: "to 50% and it should only occupy the left half of the viewport."
+ RenderBlock {P} at (0,630) size 784x18 [bgcolor=#808080]
RenderText {#text} at (0,0) size 632x18
text run at (0,0) width 632: "Because this paragraph has width 100%, the auto margins become zero, so it should not be centered."