layer at (0,0) size 800x2425
  RenderView at (0,0) size 800x600
layer at (0,0) size 800x2425
  RenderBlock {HTML} at (0,0) size 800x2425
    RenderBody {BODY} at (8,8) size 784x2409 [bgcolor=#CCCCCC]
      RenderBlock {P} at (0,0) size 784x19
        RenderText {#text} at (0,0) size 354x19
          text run at (0,0) width 354: "The style declarations which apply to the text below are:"
      RenderBlock {PRE} at (0,33) size 784x342
        RenderText {#text} at (0,0) size 416x342
          text run at (0,0) width 261: "P.one {font-size: 14px; line-height: 20px;}"
          text run at (261,0) width 0: " "
          text run at (0,19) width 236: "IMG.onea {vertical-align: text-bottom;"
          text run at (236,19) width 0: " "
          text run at (0,38) width 203: "     width: 200px; height: 200px;}"
          text run at (203,38) width 0: " "
          text run at (0,57) width 399: "IMG.oneb {vertical-align: text-top; width: 200px; height: 200px;}"
          text run at (399,57) width 0: " "
          text run at (0,76) width 0: " "
          text run at (0,95) width 259: "P.two {font-size: 14px; line-height: 20px;}"
          text run at (259,95) width 0: " "
          text run at (0,114) width 416: "IMG.twoa {vertical-align: text-bottom; width: 100px; height: 100px;"
          text run at (416,114) width 0: " "
          text run at (0,133) width 227: "     padding: 5px; border-style: solid;"
          text run at (227,133) width 0: " "
          text run at (0,152) width 239: "     border-width: 10px; margin: 15px;}"
          text run at (239,152) width 0: " "
          text run at (0,171) width 210: "IMG.twob {vertical-align: text-top;"
          text run at (210,171) width 0: " "
          text run at (0,190) width 218: "          width: 100px; height: 100px;"
          text run at (218,190) width 0: " "
          text run at (0,209) width 227: "     padding: 5px; border-style: solid;"
          text run at (227,209) width 0: " "
          text run at (0,228) width 239: "     border-width: 10px; margin: 15px;}"
          text run at (239,228) width 0: " "
          text run at (0,247) width 0: " "
          text run at (0,266) width 369: "IMG.twoc {vertical-align: middle; width: 50px; height: 50px;"
          text run at (369,266) width 0: " "
          text run at (0,285) width 227: "     padding: 5px; border-style: solid;"
          text run at (227,285) width 0: " "
          text run at (0,304) width 244: "     border-width: 10px; margin: -10px;}"
          text run at (244,304) width 0: " "
          text run at (0,323) width 0: " "
      RenderBlock {HR} at (0,389) size 784x2 [border: (1px inset #000000)]
      RenderBlock {P} at (0,405) size 784x461
        RenderText {#text} at (0,0) size 765x240
          text run at (0,0) width 466: "This paragraph should have a font size of 14px and a line height of 20px. "
          text run at (466,0) width 299: "This means that the lines of text within it should"
          text run at (0,20) width 494: "be separated by six pixels, three of which are part of the line-box of each line. "
          text run at (494,20) width 254: "Any images within the paragraph should"
          text run at (0,221) width 486: "increase the height of the line-box so that they fit within the line box, such as "
        RenderImage {IMG} at (486,40) size 200x200
        RenderText {#text} at (686,221) size 32x19
          text run at (686,221) width 32: " and "
        RenderImage {IMG} at (0,241) size 200x200
        RenderText {#text} at (200,241) size 774x219
          text run at (200,241) width 8: ". "
          text run at (208,241) width 566: "This is additional text to make sure that there is enough room left below the image so that"
          text run at (0,441) width 341: "this line does not hit the image that is text-top aligned."
      RenderBlock {P} at (0,880) size 784x501
        RenderText {#text} at (0,0) size 765x200
          text run at (0,0) width 466: "This paragraph should have a font size of 14px and a line height of 20px. "
          text run at (466,0) width 299: "This means that the lines of text within it should"
          text run at (0,20) width 172: "be separated by six pixels. "
          text run at (172,20) width 570: "Any images within the paragraph should increase the height of the line-box so that they fit,"
          text run at (0,181) width 581: "including their padding (5px), border (10px) and margins (15px) within the line box, such as "
        RenderImage {IMG} at (596,55) size 130x130 [border: (10px solid #000000)]
        RenderText {#text} at (741,181) size 32x19
          text run at (741,181) width 32: " and "
        RenderImage {IMG} at (15,216) size 130x130 [border: (10px solid #000000)]
        RenderText {#text} at (160,201) size 776x238
          text run at (160,201) width 8: ". "
          text run at (168,201) width 592: "This is additional text to make sure that there is enough room left below the image so that this"
          text run at (0,361) width 319: "line does not hit the image that is text-top aligned. "
          text run at (319,361) width 457: "It is the outer edge of the margin that should be text-bottom and text-top"
          text run at (0,381) width 771: "aligned in this paragraph, so for the first image the bottom border of the image should begin 15px above the bottom of the"
          text run at (0,420) width 567: "text, and for the second image the top border should begin 15px below the top of the text "
        RenderImage {IMG} at (557,391) size 80x80 [border: (10px solid #000000)]
        RenderText {#text} at (627,420) size 770x80
          text run at (627,420) width 8: ". "
          text run at (635,420) width 135: "The last image in this"
          text run at (0,461) width 768: "paragraph has -10px margins set on it, so that should pull the text in toward the image in the vertical direction, and also in"
          text run at (0,481) width 148: "the horizontal direction."
      RenderTable {TABLE} at (0,1395) size 784x1014 [border: (1px outset #808080)]
        RenderTableSection {TBODY} at (1,1) size 782x1012
          RenderTableRow {TR} at (0,0) size 782x28
            RenderTableCell {TD} at (0,0) size 782x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
              RenderInline {STRONG} at (0,0) size 159x20
                RenderText {#text} at (4,4) size 159x20
                  text run at (4,4) width 159: "TABLE Testing Section"
          RenderTableRow {TR} at (0,28) size 782x984
            RenderTableCell {TD} at (0,506) size 12x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
              RenderText {#text} at (4,4) size 4x19
                text run at (4,4) width 4: " "
            RenderTableCell {TD} at (12,28) size 770x984 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
              RenderBlock {P} at (4,4) size 762x461
                RenderText {#text} at (0,0) size 748x240
                  text run at (0,0) width 466: "This paragraph should have a font size of 14px and a line height of 20px. "
                  text run at (466,0) width 253: "This means that the lines of text within it"
                  text run at (0,20) width 540: "should be separated by six pixels, three of which are part of the line-box of each line. "
                  text run at (540,20) width 208: "Any images within the paragraph"
                  text run at (0,221) width 532: "should increase the height of the line-box so that they fit within the line box, such as "
                RenderImage {IMG} at (532,40) size 200x200
                RenderText {#text} at (732,221) size 28x19
                  text run at (732,221) width 28: " and"
                RenderImage {IMG} at (0,241) size 200x200
                RenderText {#text} at (200,241) size 746x219
                  text run at (200,241) width 8: ". "
                  text run at (208,241) width 538: "This is additional text to make sure that there is enough room left below the image so"
                  text run at (0,441) width 369: "that this line does not hit the image that is text-top aligned."
              RenderBlock {P} at (4,479) size 762x501
                RenderText {#text} at (0,0) size 738x59
                  text run at (0,0) width 466: "This paragraph should have a font size of 14px and a line height of 20px. "
                  text run at (466,0) width 253: "This means that the lines of text within it"
                  text run at (0,20) width 218: "should be separated by six pixels. "
                  text run at (218,20) width 520: "Any images within the paragraph should increase the height of the line-box so that"
                  text run at (0,40) width 631: "they fit, including their padding (5px), border (10px) and margins (15px) within the line box, such as "
                RenderImage {IMG} at (15,75) size 130x130 [border: (10px solid #000000)]
                RenderText {#text} at (160,201) size 32x19
                  text run at (160,201) width 32: " and "
                RenderImage {IMG} at (207,216) size 130x130 [border: (10px solid #000000)]
                RenderText {#text} at (352,201) size 758x258
                  text run at (352,201) width 8: ". "
                  text run at (360,201) width 388: "This is additional text to make sure that there is enough room"
                  text run at (0,361) width 523: "left below the image so that this line does not hit the image that is text-top aligned. "
                  text run at (523,361) width 235: "It is the outer edge of the margin that"
                  text run at (0,381) width 718: "should be text-bottom and text-top aligned in this paragraph, so for the first image the bottom border of the image"
                  text run at (0,401) width 747: "should begin 15px above the bottom of the text, and for the second image the top border should begin 15px below the"
                  text run at (0,440) width 91: "top of the text "
                RenderImage {IMG} at (81,411) size 80x80 [border: (10px solid #000000)]
                RenderText {#text} at (151,440) size 729x60
                  text run at (151,440) width 8: ". "
                  text run at (159,440) width 570: "The last image in this paragraph has -10px margins set on it, so that should pull the text in"
                  text run at (0,481) width 485: "toward the image in the vertical direction, and also in the horizontal direction."
