layer at (0,0) size 785x2345
  RenderView at (0,0) size 785x600
layer at (0,0) size 785x2345
  RenderBlock {HTML} at (0,0) size 785x2345
    RenderBody {BODY} at (8,8) size 769x2329 [bgcolor=#CCCCCC]
      RenderBlock {P} at (0,0) size 769x20
        RenderText {#text} at (0,0) size 337x19
          text run at (0,0) width 337: "The style declarations which apply to the text below are:"
      RenderBlock {PRE} at (0,36) size 769x288
        RenderText {#text} at (0,0) size 536x288
          text run at (0,0) width 344: "P.one {font-size: 14px; line-height: 20px;}"
          text run at (0,16) width 304: "IMG.onea {vertical-align: text-bottom;"
          text run at (0,32) width 272: "     width: 200px; height: 200px;}"
          text run at (0,48) width 520: "IMG.oneb {vertical-align: text-top; width: 200px; height: 200px;}"
          text run at (0,64) width 0: " "
          text run at (0,80) width 344: "P.two {font-size: 14px; line-height: 20px;}"
          text run at (0,96) width 536: "IMG.twoa {vertical-align: text-bottom; width: 100px; height: 100px;"
          text run at (0,112) width 312: "     padding: 5px; border-style: solid;"
          text run at (0,128) width 312: "     border-width: 10px; margin: 15px;}"
          text run at (0,144) width 280: "IMG.twob {vertical-align: text-top;"
          text run at (0,160) width 304: "          width: 100px; height: 100px;"
          text run at (0,176) width 312: "     padding: 5px; border-style: solid;"
          text run at (0,192) width 312: "     border-width: 10px; margin: 15px;}"
          text run at (0,208) width 0: " "
          text run at (0,224) width 480: "IMG.twoc {vertical-align: middle; width: 50px; height: 50px;"
          text run at (0,240) width 312: "     padding: 5px; border-style: solid;"
          text run at (0,256) width 320: "     border-width: 10px; margin: -10px;}"
          text run at (0,272) width 0: " "
      RenderBlock {HR} at (0,337) size 769x2 [border: (1px inset #000000)]
      RenderBlock {P} at (0,353) size 769x464
        RenderText {#text} at (0,2) size 763x238
          text run at (0,2) width 417: "This paragraph should have a font size of 14px and a line height of 20px. "
          text run at (417,2) width 346: "This means that the lines of text within it should be separated"
          text run at (0,22) width 371: "by six pixels, three of which are part of the line-box of each line. "
          text run at (371,22) width 373: "Any images within the paragraph should increase the height of the"
          text run at (0,224) width 294: "line-box so that they fit within the line box, such as "
        RenderImage {IMG} at (294,40) size 200x200
        RenderText {#text} at (494,224) size 28x16
          text run at (494,224) width 28: " and "
        RenderImage {IMG} at (522,224) size 200x200
        RenderText {#text} at (722,224) size 768x238
          text run at (722,224) width 8: ". "
          text run at (730,224) width 38: "This is"
          text run at (0,426) width 725: "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"
          text run at (0,446) width 43: "aligned."
      RenderBlock {P} at (0,831) size 769x484
        RenderText {#text} at (0,2) size 763x198
          text run at (0,2) width 417: "This paragraph should have a font size of 14px and a line height of 20px. "
          text run at (417,2) width 346: "This means that the lines of text within it should be separated"
          text run at (0,22) width 78: "by six pixels. "
          text run at (78,22) width 683: "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,184) width 357: "border (10px) and margins (15px) within the line box, such as "
        RenderImage {IMG} at (372,55) size 130x130 [border: (10px solid #000000)]
        RenderText {#text} at (517,184) size 28x16
          text run at (517,184) width 28: " and "
        RenderImage {IMG} at (560,199) size 130x130 [border: (10px solid #000000)]
        RenderText {#text} at (705,184) size 768x256
          text run at (705,184) width 8: ". "
          text run at (713,184) width 38: "This is"
          text run at (0,346) width 725: "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"
          text run at (0,366) width 47: "aligned. "
          text run at (47,366) width 700: "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"
          text run at (0,386) width 768: "bottom border of the image should begin 15px above the bottom of the text, and for the second image the top border should begin 15px"
          text run at (0,424) width 143: "below the top of the text "
        RenderImage {IMG} at (133,394) size 80x80 [border: (10px solid #000000)]
        RenderText {#text} at (203,424) size 764x58
          text run at (203,424) width 8: ". "
          text run at (211,424) width 553: "The last image in this paragraph has -10px margins set on it, so that should pull the text in toward"
          text run at (0,466) width 392: "the image in the vertical direction, and also in the horizontal direction."
      RenderTable {TABLE} at (0,1329) size 769x1000 [border: (1px outset #808080)]
        RenderTableSection {TBODY} at (1,1) size 767x998
          RenderTableRow {TR} at (0,0) size 767x28
            RenderTableCell {TD} at (0,0) size 767x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
              RenderInline {STRONG} at (0,0) size 159x19
                RenderText {#text} at (4,4) size 159x19
                  text run at (4,4) width 159: "TABLE Testing Section"
          RenderTableRow {TR} at (0,28) size 767x970
            RenderTableCell {TD} at (0,499) size 12x28 [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 755x970 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
              RenderBlock {P} at (4,4) size 747x464
                RenderText {#text} at (0,2) size 726x238
                  text run at (0,2) width 417: "This paragraph should have a font size of 14px and a line height of 20px. "
                  text run at (417,2) width 289: "This means that the lines of text within it should be"
                  text run at (0,22) width 428: "separated by six pixels, three of which are part of the line-box of each line. "
                  text run at (428,22) width 298: "Any images within the paragraph should increase the"
                  text run at (0,224) width 369: "height of the line-box so that they fit within the line box, such as "
                RenderImage {IMG} at (369,40) size 200x200
                RenderText {#text} at (569,224) size 28x16
                  text run at (569,224) width 28: " and "
                RenderImage {IMG} at (0,244) size 200x200
                RenderText {#text} at (200,244) size 738x218
                  text run at (200,244) width 8: ". "
                  text run at (208,244) width 530: "This is additional text to make sure that there is enough room left below the image so that this"
                  text run at (0,446) width 280: "line does not hit the image that is text-top aligned."
              RenderBlock {P} at (4,482) size 747x484
                RenderText {#text} at (0,2) size 731x198
                  text run at (0,2) width 417: "This paragraph should have a font size of 14px and a line height of 20px. "
                  text run at (417,2) width 289: "This means that the lines of text within it should be"
                  text run at (0,22) width 135: "separated by six pixels. "
                  text run at (135,22) width 596: "Any images within the paragraph should increase the height of the line-box so that they fit, including their"
                  text run at (0,184) width 444: "padding (5px), border (10px) and margins (15px) within the line box, such as "
                RenderImage {IMG} at (459,55) size 130x130 [border: (10px solid #000000)]
                RenderText {#text} at (604,184) size 28x16
                  text run at (604,184) width 28: " and "
                RenderImage {IMG} at (15,219) size 130x130 [border: (10px solid #000000)]
                RenderText {#text} at (160,204) size 729x236
                  text run at (160,204) width 8: ". "
                  text run at (168,204) width 553: "This is additional text to make sure that there is enough room left below the image so that this line"
                  text run at (0,366) width 261: "does not hit the image that is text-top aligned. "
                  text run at (261,366) width 468: "It is the outer edge of the margin that should be text-bottom and text-top aligned in"
                  text run at (0,386) width 728: "this paragraph, so for the first image the bottom border of the image should begin 15px above the bottom of the text, and for the"
                  text run at (0,424) width 415: "second image the top border should begin 15px below the top of the text "
                RenderImage {IMG} at (405,394) size 80x80 [border: (10px solid #000000)]
                RenderText {#text} at (475,424) size 723x58
                  text run at (475,424) width 8: ". "
                  text run at (483,424) width 240: "The last image in this paragraph has -10px"
                  text run at (0,466) width 705: "margins set on it, so that should pull the text in toward the image in the vertical direction, and also in the horizontal direction."