-layer at (0,0) size 802x1005
+layer at (0,0) size 802x1011
RenderView at (0,0) size 800x600
-layer at (0,0) size 800x1005
- RenderBlock {HTML} at (0,0) size 800x1005
- RenderBody {BODY} at (8,8) size 784x989 [bgcolor=#CCCCCC]
+layer at (0,0) size 800x1011
+ RenderBlock {HTML} at (0,0) size 800x1011
+ RenderBody {BODY} at (8,8) size 784x995 [bgcolor=#CCCCCC]
RenderBlock {P} at (0,0) size 784x18
RenderText {#text} at (0,0) size 363x17
text run at (0,0) width 363: "The style declarations which apply to the text below are:"
- RenderBlock {PRE} at (0,34) size 784x90
- RenderText {#text} at (0,0) size 547x90
- text run at (0,0) width 539: ".zero {background-color: silver; margin-right: 0; text-align: right;}"
- text run at (538,0) width 1: " "
- text run at (0,15) width 547: ".one {margin-right: 0.5in; text-align: right; background-color: aqua;}"
- text run at (546,15) width 1: " "
- text run at (0,30) width 539: ".two {margin-right: 25px; text-align: right; background-color: aqua;}"
- text run at (538,30) width 1: " "
- text run at (0,45) width 547: ".three {margin-right: 5em; text-align: right; background-color: aqua;}"
- text run at (546,45) width 1: " "
- text run at (0,60) width 539: ".four {margin-right: 25%; text-align: right; background-color: aqua;}"
- text run at (538,60) width 1: " "
- text run at (0,75) width 406: ".five {margin-right: -10px; background-color: aqua;}"
- text run at (405,75) width 1: " "
- RenderBlock {HR} at (0,137) size 784x2 [border: (1px inset #EEEEEE)]
- RenderBlock {P} at (0,155) size 784x18 [bgcolor=#C0C0C0]
+ RenderBlock {PRE} at (0,34) size 784x96
+ RenderText {#text} at (0,0) size 560x96
+ text run at (0,0) width 552: ".zero {background-color: silver; margin-right: 0; text-align: right;}"
+ text run at (552,0) width 0: " "
+ text run at (0,16) width 560: ".one {margin-right: 0.5in; text-align: right; background-color: aqua;}"
+ text run at (560,16) width 0: " "
+ text run at (0,32) width 552: ".two {margin-right: 25px; text-align: right; background-color: aqua;}"
+ text run at (552,32) width 0: " "
+ text run at (0,48) width 560: ".three {margin-right: 5em; text-align: right; background-color: aqua;}"
+ text run at (560,48) width 0: " "
+ text run at (0,64) width 552: ".four {margin-right: 25%; text-align: right; background-color: aqua;}"
+ text run at (552,64) width 0: " "
+ text run at (0,80) width 416: ".five {margin-right: -10px; background-color: aqua;}"
+ text run at (416,80) width 0: " "
+ RenderBlock {HR} at (0,143) size 784x2 [border: (1px inset #EEEEEE)]
+ RenderBlock {P} at (0,161) size 784x18 [bgcolor=#C0C0C0]
RenderText {#text} at (576,0) size 208x17
text run at (576,0) width 208: "This element has a class of zero."
- RenderBlock {P} at (0,189) size 736x18 [bgcolor=#00FFFF]
+ RenderBlock {P} at (0,195) size 736x18 [bgcolor=#00FFFF]
RenderText {#text} at (372,0) size 364x17
text run at (372,0) width 364: "This sentence should have a right margin of half an inch."
- RenderBlock {P} at (0,223) size 759x18 [bgcolor=#00FFFF]
+ RenderBlock {P} at (0,229) size 759x18 [bgcolor=#00FFFF]
RenderText {#text} at (412,0) size 347x17
text run at (412,0) width 347: "This sentence should have a right margin of 25 pixels."
- RenderBlock {P} at (0,257) size 704x18 [bgcolor=#00FFFF]
+ RenderBlock {P} at (0,263) size 704x18 [bgcolor=#00FFFF]
RenderText {#text} at (384,0) size 320x17
text run at (384,0) width 320: "This sentence should have a right margin of 5 em."
- RenderBlock {P} at (0,291) size 588x36 [bgcolor=#00FFFF]
+ RenderBlock {P} at (0,297) size 588x36 [bgcolor=#00FFFF]
RenderText {#text} at (21,0) size 567x35
text run at (21,0) width 567: "This sentence should have a right margin of 25%, which is calculated with respect to the"
text run at (408,18) width 180: "width of the parent element."
- RenderBlock {UL} at (0,343) size 759x90 [bgcolor=#808080]
+ RenderBlock {UL} at (0,349) size 759x90 [bgcolor=#808080]
RenderListItem {LI} at (40,0) size 719x18
RenderListMarker at (-17,0) size 7x17: bullet
RenderText {#text} at (5,0) size 714x17
RenderListMarker at (-17,0) size 7x17: bullet
RenderText {#text} at (534,0) size 185x17
text run at (534,0) width 185: "This is an unclassed list item"
- RenderBlock {P} at (0,449) size 784x18 [bgcolor=#C0C0C0]
+ RenderBlock {P} at (0,455) size 784x18 [bgcolor=#C0C0C0]
RenderText {#text} at (576,0) size 208x17
text run at (576,0) width 208: "This element has a class of zero."
- RenderBlock {P} at (0,483) size 794x54 [bgcolor=#00FFFF]
+ RenderBlock {P} at (0,489) size 794x54 [bgcolor=#00FFFF]
RenderText {#text} at (0,0) size 793x53
text run at (0,0) width 783: "This paragraph has a right margin of -10px, which should cause it to be wider than it might otherwise be, and it has a light"
text run at (0,18) width 116: "blue background. "
text run at (115,18) width 395: "In all other respects, however, the element should be normal. "
text run at (509,18) width 284: "No styles have been applied to it besides the"
text run at (0,36) width 309: "negative right margin and the background color."
- RenderTable {TABLE} at (0,553) size 784x436 [border: (1px outset #808080)]
+ RenderTable {TABLE} at (0,559) size 784x436 [border: (1px outset #808080)]
RenderTableSection {TBODY} at (1,1) size 782x434
RenderTableRow {TR} at (0,0) size 782x26
RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]