-layer at (0,0) size 784x1038
+layer at (0,0) size 784x1005
RenderView at (0,0) size 784x600
-layer at (0,0) size 784x1038
- RenderBlock {HTML} at (0,0) size 784x1038
- RenderBody {BODY} at (8,8) size 768x1022 [bgcolor=#CCCCCC]
- RenderBlock {P} at (0,0) size 768x19
- RenderText {#text} at (0,0) size 355x19
- text run at (0,0) width 355: "The style declarations which apply to the text below are:"
- RenderBlock {PRE} at (0,35) size 768x90
- RenderText {#text} at (0,0) size 408x90
- text run at (0,0) width 392: ".zero {background-color: silver; margin-left: 0;}"
- text run at (392,0) width 0: " "
- text run at (0,15) width 400: ".one {margin-left: 0.5in; background-color: aqua;}"
- text run at (400,15) width 0: " "
- text run at (0,30) width 392: ".two {margin-left: 25px; background-color: aqua;}"
- text run at (392,30) width 0: " "
- text run at (0,45) width 400: ".three {margin-left: 5em; background-color: aqua;}"
- text run at (400,45) width 0: " "
- text run at (0,60) width 392: ".four {margin-left: 25%; background-color: aqua;}"
- text run at (392,60) width 0: " "
- text run at (0,75) width 408: ".five {margin-left: -10px; background-color: aqua;}"
- text run at (408,75) width 0: " "
- RenderBlock {HR} at (0,138) size 768x2 [border: (1px inset #000000)]
- RenderBlock {P} at (0,156) size 768x19 [bgcolor=#C0C0C0]
- RenderText {#text} at (0,0) size 203x19
- text run at (0,0) width 203: "This element has a class of zero."
- RenderBlock {P} at (48,191) size 720x19 [bgcolor=#00FFFF]
- RenderText {#text} at (0,0) size 348x19
- text run at (0,0) width 348: "This sentence should have a left margin of half an inch."
- RenderBlock {P} at (25,226) size 743x19 [bgcolor=#00FFFF]
- RenderText {#text} at (0,0) size 331x19
- text run at (0,0) width 331: "This sentence should have a left margin of 25 pixels."
- RenderBlock {P} at (80,261) size 688x19 [bgcolor=#00FFFF]
- RenderText {#text} at (0,0) size 305x19
- text run at (0,0) width 305: "This sentence should have a left margin of 5 em."
- RenderBlock {P} at (192,296) size 576x38 [bgcolor=#00FFFF]
- RenderText {#text} at (0,0) size 546x38
- text run at (0,0) width 546: "This sentence should have a left margin of 25%, which is calculated with respect to the"
- text run at (0,19) width 176: "width of the parent element."
- RenderBlock {UL} at (25,350) size 743x95 [bgcolor=#808080]
- RenderListItem {LI} at (40,0) size 703x19
- RenderListMarker at (-18,0) size 7x19: bullet
- RenderText {#text} at (0,0) size 686x19
- text run at (0,0) width 686: "The left margin on this unordered list has been set to 25 pixels, and its background color has been set to gray."
- RenderListItem {LI} at (65,19) size 678x57 [bgcolor=#FFFFFF]
- RenderListMarker at (-18,0) size 7x19: bullet
- RenderText {#text} at (0,0) size 668x57
- text run at (0,0) width 656: "Another list item might not be such a bad idea, either, considering that such things do need to be double-"
- text run at (0,19) width 60: "checked. "
- text run at (60,19) width 608: "This list item has its left margin also set to 25 pixels, which should combine with the list's margin"
- text run at (0,38) width 479: "to make 50 pixels of margin, and its background color has been set to white."
- RenderListItem {LI} at (40,76) size 703x19
- RenderListMarker at (-18,0) size 7x19: bullet
- RenderText {#text} at (0,0) size 179x19
- text run at (0,0) width 179: "This is an unclassed list item"
- RenderBlock {P} at (0,461) size 768x19 [bgcolor=#C0C0C0]
- RenderText {#text} at (0,0) size 203x19
- text run at (0,0) width 203: "This element has a class of zero."
- RenderBlock {P} at (-10,496) size 778x57 [bgcolor=#00FFFF]
- RenderText {#text} at (0,0) size 778x57
- text run at (0,0) width 758: "This paragraph has a left margin of -10px, which should cause it to be wider than it might otherwise be, and it has a light"
- text run at (0,19) width 114: "blue background. "
- text run at (114,19) width 386: "In all other respects, however, the element should be normal. "
- text run at (500,19) width 278: "No styles have been applied to it besides the"
- text run at (0,38) width 294: "negative left margin and the background color."
- RenderTable {TABLE} at (0,569) size 768x453 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 766x451
- RenderTableRow {TR} at (0,0) size 766x27
- RenderTableCell {TD} at (0,0) size 766x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
- RenderInline {STRONG} at (0,0) size 163x19
- RenderText {#text} at (4,4) size 163x19
+layer at (0,0) size 784x1005
+ RenderBlock {HTML} at (0,0) size 784x1005
+ RenderBody {BODY} at (8,8) size 768x989 [bgcolor=#CCCCCC]
+ RenderBlock {P} at (0,0) size 768x18
+ 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 768x90
+ RenderText {#text} at (0,0) size 398x90
+ text run at (0,0) width 383: ".zero {background-color: silver; margin-left: 0;}"
+ text run at (382,0) width 1: " "
+ text run at (0,15) width 391: ".one {margin-left: 0.5in; background-color: aqua;}"
+ text run at (390,15) width 1: " "
+ text run at (0,30) width 383: ".two {margin-left: 25px; background-color: aqua;}"
+ text run at (382,30) width 1: " "
+ text run at (0,45) width 391: ".three {margin-left: 5em; background-color: aqua;}"
+ text run at (390,45) width 1: " "
+ text run at (0,60) width 383: ".four {margin-left: 25%; background-color: aqua;}"
+ text run at (382,60) width 1: " "
+ text run at (0,75) width 398: ".five {margin-left: -10px; background-color: aqua;}"
+ text run at (397,75) width 1: " "
+ RenderBlock {HR} at (0,137) size 768x2 [border: (1px inset #000000)]
+ RenderBlock {P} at (0,155) size 768x18 [bgcolor=#C0C0C0]
+ RenderText {#text} at (0,0) size 208x17
+ text run at (0,0) width 208: "This element has a class of zero."
+ RenderBlock {P} at (48,189) size 720x18 [bgcolor=#00FFFF]
+ RenderText {#text} at (0,0) size 355x17
+ text run at (0,0) width 355: "This sentence should have a left margin of half an inch."
+ RenderBlock {P} at (25,223) size 743x18 [bgcolor=#00FFFF]
+ RenderText {#text} at (0,0) size 338x17
+ text run at (0,0) width 338: "This sentence should have a left margin of 25 pixels."
+ RenderBlock {P} at (80,257) size 688x18 [bgcolor=#00FFFF]
+ RenderText {#text} at (0,0) size 312x17
+ text run at (0,0) width 312: "This sentence should have a left margin of 5 em."
+ RenderBlock {P} at (192,291) size 576x36 [bgcolor=#00FFFF]
+ RenderText {#text} at (0,0) size 558x35
+ text run at (0,0) width 558: "This sentence should have a left margin of 25%, which is calculated with respect to the"
+ text run at (0,18) width 180: "width of the parent element."
+ RenderBlock {UL} at (25,343) size 743x90 [bgcolor=#808080]
+ RenderListItem {LI} at (40,0) size 703x18
+ RenderListMarker at (-17,0) size 7x17: bullet
+ RenderText {#text} at (0,0) size 700x17
+ text run at (0,0) width 700: "The left margin on this unordered list has been set to 25 pixels, and its background color has been set to gray."
+ RenderListItem {LI} at (65,18) size 678x54 [bgcolor=#FFFFFF]
+ RenderListMarker at (-17,0) size 7x17: bullet
+ RenderText {#text} at (0,0) size 670x53
+ text run at (0,0) width 670: "Another list item might not be such a bad idea, either, considering that such things do need to be double-"
+ text run at (0,18) width 61: "checked. "
+ text run at (60,18) width 576: "This list item has its left margin also set to 25 pixels, which should combine with the list's"
+ text run at (0,36) width 538: "margin to make 50 pixels of margin, and its background color has been set to white."
+ RenderListItem {LI} at (40,72) size 703x18
+ RenderListMarker at (-17,0) size 7x17: bullet
+ RenderText {#text} at (0,0) size 185x17
+ text run at (0,0) width 185: "This is an unclassed list item"
+ RenderBlock {P} at (0,449) size 768x18 [bgcolor=#C0C0C0]
+ RenderText {#text} at (0,0) size 208x17
+ text run at (0,0) width 208: "This element has a class of zero."
+ RenderBlock {P} at (-10,483) size 778x54 [bgcolor=#00FFFF]
+ RenderText {#text} at (0,0) size 774x53
+ text run at (0,0) width 774: "This paragraph has a left 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 261: "No styles have been applied to it besides"
+ text run at (0,36) width 324: "the negative left margin and the background color."
+ RenderTable {TABLE} at (0,553) size 768x436 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 766x434
+ RenderTableRow {TR} at (0,0) size 766x26
+ RenderTableCell {TD} at (0,0) size 766x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
+ RenderInline {STRONG} at (0,0) size 163x17
+ RenderText {#text} at (4,4) size 163x17
text run at (4,4) width 163: "TABLE Testing Section"
- RenderTableRow {TR} at (0,27) size 766x424
- RenderTableCell {TD} at (0,225) size 12x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
- RenderText {#text} at (4,4) size 4x19
+ RenderTableRow {TR} at (0,26) size 766x408
+ RenderTableCell {TD} at (0,217) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
+ RenderText {#text} at (4,4) size 4x17
text run at (4,4) width 4: " "
- RenderTableCell {TD} at (12,27) size 754x424 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
- RenderBlock {P} at (4,4) size 746x19 [bgcolor=#C0C0C0]
- RenderText {#text} at (0,0) size 203x19
- text run at (0,0) width 203: "This element has a class of zero."
- RenderBlock {P} at (52,39) size 698x19 [bgcolor=#00FFFF]
- RenderText {#text} at (0,0) size 348x19
- text run at (0,0) width 348: "This sentence should have a left margin of half an inch."
- RenderBlock {P} at (29,74) size 721x19 [bgcolor=#00FFFF]
- RenderText {#text} at (0,0) size 331x19
- text run at (0,0) width 331: "This sentence should have a left margin of 25 pixels."
- RenderBlock {P} at (84,109) size 666x19 [bgcolor=#00FFFF]
- RenderText {#text} at (0,0) size 305x19
- text run at (0,0) width 305: "This sentence should have a left margin of 5 em."
- RenderBlock {P} at (190,144) size 560x38 [bgcolor=#00FFFF]
- RenderText {#text} at (0,0) size 546x38
- text run at (0,0) width 546: "This sentence should have a left margin of 25%, which is calculated with respect to the"
- text run at (0,19) width 176: "width of the parent element."
- RenderBlock {UL} at (29,198) size 721x114 [bgcolor=#808080]
- RenderListItem {LI} at (40,0) size 681x38
- RenderListMarker at (-18,0) size 7x19: bullet
- RenderText {#text} at (0,0) size 650x38
- text run at (0,0) width 650: "The left margin on this unordered list has been set to 25 pixels, and its background color has been set to"
- text run at (0,19) width 32: "gray."
- RenderListItem {LI} at (65,38) size 656x57 [bgcolor=#FFFFFF]
- RenderListMarker at (-18,0) size 7x19: bullet
- RenderText {#text} at (0,0) size 656x57
- text run at (0,0) width 656: "Another list item might not be such a bad idea, either, considering that such things do need to be double-"
- text run at (0,19) width 60: "checked. "
- text run at (60,19) width 560: "This list item has its left margin also set to 25 pixels, which should combine with the list's"
- text run at (0,38) width 527: "margin to make 50 pixels of margin, and its background color has been set to white."
- RenderListItem {LI} at (40,95) size 681x19
- RenderListMarker at (-18,0) size 7x19: bullet
- RenderText {#text} at (0,0) size 179x19
- text run at (0,0) width 179: "This is an unclassed list item"
- RenderBlock {P} at (4,328) size 746x19 [bgcolor=#C0C0C0]
- RenderText {#text} at (0,0) size 203x19
- text run at (0,0) width 203: "This element has a class of zero."
- RenderBlock {P} at (-6,363) size 756x57 [bgcolor=#00FFFF]
- RenderText {#text} at (0,0) size 737x57
- text run at (0,0) width 726: "This paragraph has a left margin of -10px, which should cause it to be wider than it might otherwise be, and it has a"
- text run at (0,19) width 146: "light blue background. "
- text run at (146,19) width 386: "In all other respects, however, the element should be normal. "
- text run at (532,19) width 205: "No styles have been applied to it"
- text run at (0,38) width 367: "besides the negative left margin and the background color."
+ RenderTableCell {TD} at (12,26) size 754x408 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
+ RenderBlock {P} at (4,4) size 746x18 [bgcolor=#C0C0C0]
+ RenderText {#text} at (0,0) size 208x17
+ text run at (0,0) width 208: "This element has a class of zero."
+ RenderBlock {P} at (52,38) size 698x18 [bgcolor=#00FFFF]
+ RenderText {#text} at (0,0) size 355x17
+ text run at (0,0) width 355: "This sentence should have a left margin of half an inch."
+ RenderBlock {P} at (29,72) size 721x18 [bgcolor=#00FFFF]
+ RenderText {#text} at (0,0) size 338x17
+ text run at (0,0) width 338: "This sentence should have a left margin of 25 pixels."
+ RenderBlock {P} at (84,106) size 666x18 [bgcolor=#00FFFF]
+ RenderText {#text} at (0,0) size 312x17
+ text run at (0,0) width 312: "This sentence should have a left margin of 5 em."
+ RenderBlock {P} at (190,140) size 560x36 [bgcolor=#00FFFF]
+ RenderText {#text} at (0,0) size 558x35
+ text run at (0,0) width 558: "This sentence should have a left margin of 25%, which is calculated with respect to the"
+ text run at (0,18) width 180: "width of the parent element."
+ RenderBlock {UL} at (29,192) size 721x108 [bgcolor=#808080]
+ RenderListItem {LI} at (40,0) size 681x36
+ RenderListMarker at (-17,0) size 7x17: bullet
+ RenderText {#text} at (0,0) size 664x35
+ text run at (0,0) width 664: "The left margin on this unordered list has been set to 25 pixels, and its background color has been set to"
+ text run at (0,18) width 33: "gray."
+ RenderListItem {LI} at (65,36) size 656x54 [bgcolor=#FFFFFF]
+ RenderListMarker at (-17,0) size 7x17: bullet
+ RenderText {#text} at (0,0) size 652x53
+ text run at (0,0) width 617: "Another list item might not be such a bad idea, either, considering that such things do need to be"
+ text run at (0,18) width 110: "double-checked. "
+ text run at (109,18) width 543: "This list item has its left margin also set to 25 pixels, which should combine with the"
+ text run at (0,36) width 570: "list's margin to make 50 pixels of margin, and its background color has been set to white."
+ RenderListItem {LI} at (40,90) size 681x18
+ RenderListMarker at (-17,0) size 7x17: bullet
+ RenderText {#text} at (0,0) size 185x17
+ text run at (0,0) width 185: "This is an unclassed list item"
+ RenderBlock {P} at (4,316) size 746x18 [bgcolor=#C0C0C0]
+ RenderText {#text} at (0,0) size 208x17
+ text run at (0,0) width 208: "This element has a class of zero."
+ RenderBlock {P} at (-6,350) size 756x54 [bgcolor=#00FFFF]
+ RenderText {#text} at (0,0) size 752x53
+ text run at (0,0) width 740: "This paragraph has a left margin of -10px, which should cause it to be wider than it might otherwise be, and it has a"
+ text run at (0,18) width 149: "light blue background. "
+ text run at (148,18) width 395: "In all other respects, however, the element should be normal. "
+ text run at (542,18) width 210: "No styles have been applied to it"
+ text run at (0,36) width 375: "besides the negative left margin and the background color."