layer at (0,0) size 785x2299
  RenderView at (0,0) size 785x600
layer at (0,0) size 785x2299
  RenderBlock {HTML} at (0,0) size 785x2299
    RenderBody {BODY} at (8,8) size 769x2283 [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 769x270
        RenderText {#text} at (0,0) size 523x270
          text run at (0,0) width 336: "P.one {font-size: 14px; line-height: 20px;}"
          text run at (0,15) width 297: "IMG.onea {vertical-align: text-bottom;"
          text run at (0,30) width 266: "     width: 200px; height: 200px;}"
          text run at (0,45) width 508: "IMG.oneb {vertical-align: text-top; width: 200px; height: 200px;}"
          text run at (0,60) width 0: " "
          text run at (0,75) width 336: "P.two {font-size: 14px; line-height: 20px;}"
          text run at (0,90) width 523: "IMG.twoa {vertical-align: text-bottom; width: 100px; height: 100px;"
          text run at (0,105) width 305: "     padding: 5px; border-style: solid;"
          text run at (0,120) width 305: "     border-width: 10px; margin: 15px;}"
          text run at (0,135) width 274: "IMG.twob {vertical-align: text-top;"
          text run at (0,150) width 297: "          width: 100px; height: 100px;"
          text run at (0,165) width 305: "     padding: 5px; border-style: solid;"
          text run at (0,180) width 305: "     border-width: 10px; margin: 15px;}"
          text run at (0,195) width 0: " "
          text run at (0,210) width 469: "IMG.twoc {vertical-align: middle; width: 50px; height: 50px;"
          text run at (0,225) width 305: "     padding: 5px; border-style: solid;"
          text run at (0,240) width 313: "     border-width: 10px; margin: -10px;}"
          text run at (0,255) width 0: " "
      RenderBlock {HR} at (0,317) size 769x2 [border: (1px inset #000000)]
      RenderBlock {P} at (0,333) size 769x443
        RenderText {#text} at (0,1) size 768x239
          text run at (0,1) width 413: "This paragraph should have a font size of 14px and a line height of 20px. "
          text run at (412,1) width 345: "This means that the lines of text within it should be separated"
          text run at (0,21) width 367: "by six pixels, three of which are part of the line-box of each line. "
          text run at (366,21) width 402: "Any images within the paragraph should increase the height of the line-"
          text run at (0,223) width 265: "box so that they fit within the line box, such as "
        RenderImage {IMG} at (264,40) size 201x200
        RenderText {#text} at (464,223) size 28x17
          text run at (464,223) width 28: " and "
        RenderImage {IMG} at (491,223) size 201x200
        RenderText {#text} at (691,223) size 769x218
          text run at (691,223) width 8: ". "
          text run at (698,223) width 39: "This is"
          text run at (0,424) width 769: "additional text to make sure that there is enough room left below the image so that this line does not hit the image that is text-top aligned."
      RenderBlock {P} at (0,790) size 769x483
        RenderText {#text} at (0,1) size 758x199
          text run at (0,1) width 413: "This paragraph should have a font size of 14px and a line height of 20px. "
          text run at (412,1) width 345: "This means that the lines of text within it should be separated"
          text run at (0,21) width 78: "by six pixels. "
          text run at (77,21) width 681: "Any images within the paragraph should increase the height of the line-box so that they fit, including their padding (5px),"
          text run at (0,183) width 351: "border (10px) and margins (15px) within the line box, such as "
        RenderImage {IMG} at (365,55) size 131x130 [border: (10px solid #000000)]
        RenderText {#text} at (510,183) size 28x17
          text run at (510,183) width 28: " and "
        RenderImage {IMG} at (552,198) size 131x130 [border: (10px solid #000000)]
        RenderText {#text} at (697,183) size 769x257
          text run at (697,183) width 8: ". "
          text run at (704,183) width 39: "This is"
          text run at (0,344) width 769: "additional text to make sure that there is enough room left below the image so that this line does not hit the image that is text-top aligned."
          text run at (0,364) width 734: "It is the outer edge of the margin that should be text-bottom and text-top aligned in this paragraph, so for the first image the bottom"
          text run at (0,384) width 753: "border of the image should begin 15px above the bottom of the text, and for the second image the top border should begin 15px below"
          text run at (0,423) width 103: "the top of the text "
        RenderImage {IMG} at (92,393) size 81x80 [border: (10px solid #000000)]
        RenderText {#text} at (162,423) size 737x58
          text run at (162,423) width 8: ". "
          text run at (169,423) width 568: "The last image in this paragraph has -10px margins set on it, so that should pull the text in toward the"
          text run at (0,464) width 374: "image in the vertical direction, and also in the horizontal direction."
      RenderTable {TABLE} at (0,1287) size 769x996 [border: (1px outset #808080)]
        RenderTableSection {TBODY} at (1,1) size 767x994
          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 767x968
            RenderTableCell {TD} at (0,497) 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 755x968 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
              RenderBlock {P} at (4,4) size 747x463
                RenderText {#text} at (0,1) size 720x239
                  text run at (0,1) width 413: "This paragraph should have a font size of 14px and a line height of 20px. "
                  text run at (412,1) width 288: "This means that the lines of text within it should be"
                  text run at (0,21) width 423: "separated by six pixels, three of which are part of the line-box of each line. "
                  text run at (422,21) width 298: "Any images within the paragraph should increase the"
                  text run at (0,223) width 365: "height of the line-box so that they fit within the line box, such as "
                RenderImage {IMG} at (364,40) size 201x200
                RenderText {#text} at (564,223) size 28x17
                  text run at (564,223) width 28: " and "
                RenderImage {IMG} at (0,243) size 200x200
                RenderText {#text} at (200,243) size 733x218
                  text run at (200,243) width 7: ". "
                  text run at (207,243) width 526: "This is additional text to make sure that there is enough room left below the image so that this"
                  text run at (0,444) width 281: "line does not hit the image that is text-top aligned."
              RenderBlock {P} at (4,481) size 747x483
                RenderText {#text} at (0,1) size 729x199
                  text run at (0,1) width 413: "This paragraph should have a font size of 14px and a line height of 20px. "
                  text run at (412,1) width 288: "This means that the lines of text within it should be"
                  text run at (0,21) width 135: "separated by six pixels. "
                  text run at (134,21) width 595: "Any images within the paragraph should increase the height of the line-box so that they fit, including their"
                  text run at (0,183) width 437: "padding (5px), border (10px) and margins (15px) within the line box, such as "
                RenderImage {IMG} at (451,55) size 131x130 [border: (10px solid #000000)]
                RenderText {#text} at (596,183) size 28x17
                  text run at (596,183) width 28: " and "
                RenderImage {IMG} at (15,218) size 130x130 [border: (10px solid #000000)]
                RenderText {#text} at (160,203) size 747x237
                  text run at (160,203) width 7: ". "
                  text run at (167,203) width 580: "This is additional text to make sure that there is enough room left below the image so that this line does"
                  text run at (0,364) width 231: "not hit the image that is text-top aligned. "
                  text run at (230,364) width 488: "It is the outer edge of the margin that should be text-bottom and text-top aligned in this"
                  text run at (0,384) width 735: "paragraph, so for the first image the bottom border of the image should begin 15px above the bottom of the text, and for the second"
                  text run at (0,423) width 367: "image the top border should begin 15px below the top of the text "
                RenderImage {IMG} at (356,393) size 81x80 [border: (10px solid #000000)]
                RenderText {#text} at (426,423) size 740x58
                  text run at (426,423) width 8: ". "
                  text run at (433,423) width 307: "The last image in this paragraph has -10px margins set"
                  text run at (0,464) width 635: "on it, so that should pull the text in toward the image in the vertical direction, and also in the horizontal direction."