layer at (0,0) size 800x1602
  RenderCanvas at (0,0) size 800x600
layer at (0,0) size 800x1602
  RenderBlock {HTML} at (0,0) size 800x1602
    RenderBody {BODY} at (8,8) size 784x1586 [bgcolor=#CCCCCC]
      RenderBlock {P} at (0,0) size 784x17 [bgcolor=#000000]
        RenderText {TEXT} at (0,0) size 385x17
          text run at (0,0) width 385: "The style declarations which apply to the text below are:"
      RenderBlock {PRE} at (0,31) size 784x128 [bgcolor=#000000]
        RenderText {TEXT} at (0,0) size 392x128
          text run at (0,0) width 384: ".zero {background-color: silver; margin-top: 0;}"
          text run at (0,16) width 168: ".one {margin-top: 0.5"
          text run at (168,16) width 224: "in; background-color: aqua;}"
          text run at (0,32) width 160: ".two {margin-top: 25"
          text run at (160,32) width 224: "px; background-color: aqua;}"
          text run at (0,48) width 168: ".three {margin-top: 5"
          text run at (168,48) width 224: "em; background-color: aqua;}"
          text run at (0,64) width 384: ".four {margin-top: 25%; background-color: aqua;}"
          text run at (0,80) width 168: ".five {margin-top: 25"
          text run at (168,80) width 32: "px;}"
          text run at (0,96) width 168: ".six {margin-top: -10"
          text run at (168,96) width 224: "px; background-color: aqua;}"
          text run at (0,112) width 200: "P, UL {margin-bottom: 0;}"
      RenderBlock {HR} at (1,173) size 782x2 [bgcolor=#000000]
      RenderBlock {P} at (0,187) size 784x17 [bgcolor=#C0C0C0]
        RenderText {TEXT} at (0,0) size 224x17
          text run at (0,0) width 224: "This element has a class of zero."
      RenderBlock {P} at (0,204) size 784x17 [bgcolor=#C0C0C0]
        RenderText {TEXT} at (0,0) size 256x17
          text run at (0,0) width 256: "This element also has a class of zero."
      RenderBlock {P} at (0,269) size 784x34 [bgcolor=#00FFFF]
        RenderText {TEXT} at (0,0) size 775x34
          text run at (0,0) width 775: "This element should have a top margin of half an inch, which will require extra text in order to make sure that the"
          text run at (0,17) width 224: "margin isn't applied to each line."
      RenderBlock {P} at (0,328) size 784x34 [bgcolor=#00FFFF]
        RenderText {TEXT} at (0,0) size 758x34
          text run at (0,0) width 758: "This element should have a top margin of 25 pixels, which will require extra text in order to make sure that the"
          text run at (0,17) width 224: "margin isn't applied to each line."
      RenderBlock {P} at (0,432) size 784x34 [bgcolor=#00FFFF]
        RenderText {TEXT} at (0,0) size 781x34
          text run at (0,0) width 781: "This element should have a top margin of 5 em, which will require extra text in order to make sure that the margin"
          text run at (0,17) width 172: "isn't applied to each line."
      RenderBlock {P} at (0,662) size 784x34 [bgcolor=#00FFFF]
        RenderText {TEXT} at (0,0) size 782x34
          text run at (0,0) width 782: "This element should have a top margin of 25%, which is calculated with respect to the width of the parent element."
          text run at (0,17) width 291: "This will require extra text in order to test."
      RenderBlock {UL} at (0,721) size 784x93 [bgcolor=#00FFFF]
        RenderListItem {LI} at (40,0) size 744x17 [bgcolor=#000000]
          RenderListMarker at (0,0) size 0x14
          RenderText {TEXT} at (0,0) size 442x17
            text run at (0,0) width 217: "This list has a margin-top of 25"
            text run at (217,0) width 225: "px, and a light blue background."
        RenderListItem {LI} at (40,17) size 744x17 [bgcolor=#000000]
          RenderListMarker at (0,0) size 0x14
          RenderText {TEXT} at (0,0) size 289x17
            text run at (0,0) width 289: "Therefore, it ought to have such a margin."
        RenderListItem {LI} at (40,59) size 744x17 [bgcolor=#000000]
          RenderListMarker at (0,0) size 0x14
          RenderText {TEXT} at (0,0) size 623x17
            text run at (0,0) width 248: "This list item has a top margin of 25"
            text run at (248,0) width 375: "px, which should cause it to be offset in some fashion."
        RenderListItem {LI} at (40,76) size 744x17 [bgcolor=#000000]
          RenderListMarker at (0,0) size 0x14
          RenderText {TEXT} at (0,0) size 325x17
            text run at (0,0) width 325: "This list item has no special styles applied to it."
      RenderBlock {P} at (0,814) size 784x17 [bgcolor=#C0C0C0]
        RenderText {TEXT} at (0,0) size 224x17
          text run at (0,0) width 224: "This element has a class of zero."
      RenderBlock {P} at (0,821) size 784x51 [bgcolor=#00FFFF]
        RenderText {TEXT} at (0,0) size 782x51
          text run at (0,0) width 255: "This element has a top margin of -10"
          text run at (255,0) width 527: "px, which should cause it to be shifted \"upward\" on the page, and no bottom"
          text run at (0,17) width 57: "margin. "
          text run at (57,17) width 535: "No other styles have been applied to it besides a light blue background color. "
          text run at (592,17) width 166: "In all other respects, the"
          text run at (0,34) width 183: "element should be normal."
      RenderTable {TABLE} at (0,872) size 784x714 [bgcolor=#000000]
        RenderTableSection {TBODY} at (1,1) size 0x712
          RenderTableRow {TR} at (0,0) size 0x0
            RenderTableCell {TD} at (0,0) size 782x25 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
              RenderInline {STRONG} at (0,0) size 164x17 [bgcolor=#000000]
                RenderText {TEXT} at (4,4) size 164x17
                  text run at (4,4) width 164: "TABLE Testing Section"
          RenderTableRow {TR} at (0,0) size 0x0
            RenderTableCell {TD} at (0,356) size 12x25 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
              RenderText {TEXT} at (4,4) size 4x17
                text run at (4,4) width 4: "\x{A0}"
            RenderTableCell {TD} at (12,25) size 770x687 [r=1 c=1 rs=1 cs=1]
              RenderBlock {P} at (4,4) size 762x17 [bgcolor=#C0C0C0]
                RenderText {TEXT} at (0,0) size 224x17
                  text run at (0,0) width 224: "This element has a class of zero."
              RenderBlock {P} at (4,21) size 762x17 [bgcolor=#C0C0C0]
                RenderText {TEXT} at (0,0) size 256x17
                  text run at (0,0) width 256: "This element also has a class of zero."
              RenderBlock {P} at (4,86) size 762x34 [bgcolor=#00FFFF]
                RenderText {TEXT} at (0,0) size 749x34
                  text run at (0,0) width 749: "This element should have a top margin of half an inch, which will require extra text in order to make sure that"
                  text run at (0,17) width 250: "the margin isn't applied to each line."
              RenderBlock {P} at (4,145) size 762x34 [bgcolor=#00FFFF]
                RenderText {TEXT} at (0,0) size 758x34
                  text run at (0,0) width 758: "This element should have a top margin of 25 pixels, which will require extra text in order to make sure that the"
                  text run at (0,17) width 224: "margin isn't applied to each line."
              RenderBlock {P} at (4,249) size 762x34 [bgcolor=#00FFFF]
                RenderText {TEXT} at (0,0) size 729x34
                  text run at (0,0) width 729: "This element should have a top margin of 5 em, which will require extra text in order to make sure that the"
                  text run at (0,17) width 224: "margin isn't applied to each line."
              RenderBlock {P} at (4,473) size 762x34 [bgcolor=#00FFFF]
                RenderText {TEXT} at (0,0) size 718x34
                  text run at (0,0) width 718: "This element should have a top margin of 25%, which is calculated with respect to the width of the parent"
                  text run at (0,17) width 64: "element. "
                  text run at (64,17) width 291: "This will require extra text in order to test."
              RenderBlock {UL} at (4,532) size 762x93 [bgcolor=#00FFFF]
                RenderListItem {LI} at (40,0) size 722x17 [bgcolor=#000000]
                  RenderListMarker at (0,0) size 0x14
                  RenderText {TEXT} at (0,0) size 442x17
                    text run at (0,0) width 217: "This list has a margin-top of 25"
                    text run at (217,0) width 225: "px, and a light blue background."
                RenderListItem {LI} at (40,17) size 722x17 [bgcolor=#000000]
                  RenderListMarker at (0,0) size 0x14
                  RenderText {TEXT} at (0,0) size 289x17
                    text run at (0,0) width 289: "Therefore, it ought to have such a margin."
                RenderListItem {LI} at (40,59) size 722x17 [bgcolor=#000000]
                  RenderListMarker at (0,0) size 0x14
                  RenderText {TEXT} at (0,0) size 623x17
                    text run at (0,0) width 248: "This list item has a top margin of 25"
                    text run at (248,0) width 375: "px, which should cause it to be offset in some fashion."
                RenderListItem {LI} at (40,76) size 722x17 [bgcolor=#000000]
                  RenderListMarker at (0,0) size 0x14
                  RenderText {TEXT} at (0,0) size 325x17
                    text run at (0,0) width 325: "This list item has no special styles applied to it."
              RenderBlock {P} at (4,625) size 762x17 [bgcolor=#C0C0C0]
                RenderText {TEXT} at (0,0) size 224x17
                  text run at (0,0) width 224: "This element has a class of zero."
              RenderBlock {P} at (4,632) size 762x51 [bgcolor=#00FFFF]
                RenderText {TEXT} at (0,0) size 728x51
                  text run at (0,0) width 255: "This element has a top margin of -10"
                  text run at (255,0) width 473: "px, which should cause it to be shifted \"upward\" on the page, and no"
                  text run at (0,17) width 111: "bottom margin. "
                  text run at (111,17) width 535: "No other styles have been applied to it besides a light blue background color. "
                  text run at (646,17) width 74: "In all other"
                  text run at (0,34) width 275: "respects, the element should be normal."
