layer at (0,0) size 785x780
  RenderView at (0,0) size 785x600
layer at (0,0) size 785x779
  RenderBlock {HTML} at (0,0) size 785x780
    RenderBody {BODY} at (8,8) size 769x764 [bgcolor=#CCCCCC]
      RenderBlock {P} at (0,0) size 769x18
        RenderText {#text} at (0,0) size 363x18
          text run at (0,0) width 363: "The style declarations which apply to the text below are:"
      RenderBlock {PRE} at (0,34) size 769x105
        RenderText {#text} at (0,0) size 547x105
          text run at (0,0) width 203: "P.one {line-height: 200%;}"
          text run at (202,0) width 1: " "
          text run at (0,15) width 539: "SPAN.two {border-style: solid; border-width: 10px; border-color: red;"
          text run at (538,15) width 1: " "
          text run at (0,30) width 297: "          padding: 2pt; margin: 30pt;}"
          text run at (296,30) width 1: " "
          text run at (0,45) width 352: "P.three {font-size: 10pt; line-height: 12pt;}"
          text run at (351,45) width 1: " "
          text run at (0,60) width 547: "SPAN.four {border-style: solid; border-width: 12px; border-color: red;"
          text run at (546,60) width 1: " "
          text run at (0,75) width 188: "          padding: 2pt;}"
          text run at (187,75) width 1: " "
          text run at (0,90) width 0: " "
      RenderBlock {HR} at (0,152) size 769x2 [border: (1px inset #000000)]
      RenderBlock {P} at (0,170) size 769x192
        RenderText {#text} at (0,7) size 191x18
          text run at (0,7) width 191: "This is a paragraph that has a "
        RenderInline {SPAN} at (0,0) size 765x172 [border: (10px solid #FF0000)]
          RenderText {#text} at (243,7) size 765x146
            text run at (243,7) width 511: "very long span in it, and the span has a 10px red border separated from the span"
            text run at (0,39) width 190: "by 2pt, and a margin of 30pt. "
            text run at (189,39) width 572: "The padding and border should be present on all sides of the span (although vertical lines"
            text run at (0,71) width 547: "should appear only at the beginning and the end of the whole span, not on each line). "
            text run at (546,71) width 211: "The padding, border, and margin"
            text run at (0,103) width 395: "should all be noticeable at the beginning and end of the span. "
            text run at (395,103) width 370: "However, the line height should not be changed by any of"
            text run at (0,135) width 597: "them, so the margin should be unnoticeable and the border should overlap text on other lines."
        RenderText {#text} at (649,135) size 759x50
          text run at (649,135) width 5: " "
          text run at (653,135) width 106: "The line spacing"
          text run at (0,167) width 358: "in the whole paragraph should be 200% of the font size."
      RenderBlock {P} at (0,378) size 769x64
        RenderText {#text} at (0,0) size 155x15
          text run at (0,0) width 155: "This is a paragraph that has a "
        RenderInline {SPAN} at (0,0) size 759x77 [border: (12px solid #FF0000)]
          RenderText {#text} at (169,0) size 759x47
            text run at (169,0) width 590: "very long span in it, and the span has a 12px red border separated from the span by 2pt of padding (the difference"
            text run at (0,16) width 739: "between the line-height and the font-size), which should overlap with the lines of text above and below the span, since the padding and border"
            text run at (0,32) width 172: "should not effect the line height. "
            text run at (171,32) width 573: "The span's border should have vertical lines only at the beginning and end of the whole span, not on each line."
        RenderText {#text} at (0,48) size 397x15
          text run at (0,48) width 397: "The line spacing in the whole paragraph should be 12pt, with font-size 10pt."
      RenderTable {TABLE} at (0,455) size 769x309 [border: (1px outset #808080)]
        RenderTableSection {TBODY} at (1,1) size 767x306
          RenderTableRow {TR} at (0,0) size 767x26
            RenderTableCell {TD} at (0,0) size 767x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
              RenderInline {STRONG} at (0,0) size 161x18
                RenderText {#text} at (4,4) size 161x18
                  text run at (4,4) width 161: "TABLE Testing Section"
          RenderTableRow {TR} at (0,26) size 767x280
            RenderTableCell {TD} at (0,153) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
              RenderText {#text} at (4,4) size 4x18
                text run at (4,4) width 4: " "
            RenderTableCell {TD} at (12,26) size 755x280 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
              RenderBlock {P} at (4,4) size 747x192
                RenderText {#text} at (0,7) size 191x18
                  text run at (0,7) width 191: "This is a paragraph that has a "
                RenderInline {SPAN} at (0,0) size 725x204 [border: (10px solid #FF0000)]
                  RenderText {#text} at (243,7) size 725x178
                    text run at (243,7) width 478: "very long span in it, and the span has a 10px red border separated from the"
                    text run at (0,39) width 223: "span by 2pt, and a margin of 30pt. "
                    text run at (222,39) width 486: "The padding and border should be present on all sides of the span (although"
                    text run at (0,71) width 634: "vertical lines should appear only at the beginning and the end of the whole span, not on each line). "
                    text run at (633,71) width 85: "The padding,"
                    text run at (0,103) width 521: "border, and margin should all be noticeable at the beginning and end of the span. "
                    text run at (520,103) width 205: "However, the line height should"
                    text run at (0,135) width 724: "not be changed by any of them, so the margin should be unnoticeable and the border should overlap text on other"
                    text run at (0,167) width 35: "lines."
                RenderText {#text} at (86,167) size 473x18
                  text run at (86,167) width 5: " "
                  text run at (90,167) width 469: "The line spacing in the whole paragraph should be 200% of the font size."
              RenderBlock {P} at (4,212) size 747x64
                RenderText {#text} at (0,0) size 155x15
                  text run at (0,0) width 155: "This is a paragraph that has a "
                RenderInline {SPAN} at (0,0) size 736x93 [border: (12px solid #FF0000)]
                  RenderText {#text} at (169,0) size 736x63
                    text run at (169,0) width 535: "very long span in it, and the span has a 12px red border separated from the span by 2pt of padding (the"
                    text run at (0,16) width 736: "difference between the line-height and the font-size), which should overlap with the lines of text above and below the span, since the padding"
                    text run at (0,32) width 231: "and border should not effect the line height. "
                    text run at (230,32) width 504: "The span's border should have vertical lines only at the beginning and end of the whole span, not"
                    text run at (0,48) width 67: "on each line."
                RenderText {#text} at (80,48) size 401x15
                  text run at (80,48) width 4: " "
                  text run at (83,48) width 398: "The line spacing in the whole paragraph should be 12pt, with font-size 10pt."