layer at (0,0) size 800x2390
  RenderCanvas at (0,0) size 800x600
layer at (0,0) size 800x2390
  RenderBlock {HTML} at (0,0) size 800x2390
    RenderBody {BODY} at (8,8) size 784x2374 [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 784x288 [bgcolor=#000000]
        RenderText {TEXT} at (0,0) size 536x272
          text run at (0,0) width 160: "P.one {font-size: 14"
          text run at (160,0) width 152: "px; line-height: 20"
          text run at (312,0) width 32: "px;}"
          text run at (0,16) width 304: "IMG.onea {vertical-align: text-bottom;"
          text run at (0,32) width 120: "     width: 200"
          text run at (120,32) width 120: "px; height: 200"
          text run at (240,32) width 32: "px;}"
          text run at (0,48) width 368: "IMG.oneb {vertical-align: text-top; width: 200"
          text run at (368,48) width 120: "px; height: 200"
          text run at (488,48) width 32: "px;}"
          text run at (0,80) width 160: "P.two {font-size: 14"
          text run at (160,80) width 152: "px; line-height: 20"
          text run at (312,80) width 32: "px;}"
          text run at (0,96) width 392: "IMG.twoa {vertical-align: text-bottom; width: 100"
          text run at (392,96) width 120: "px; height: 100"
          text run at (512,96) width 24: "px;"
          text run at (0,112) width 120: "     padding: 5"
          text run at (120,112) width 192: "px; border-style: solid;"
          text run at (0,128) width 168: "     border-width: 10"
          text run at (168,128) width 112: "px; margin: 15"
          text run at (280,128) width 32: "px;}"
          text run at (0,144) width 280: "IMG.twob {vertical-align: text-top;"
          text run at (0,160) width 160: "          width: 100"
          text run at (160,160) width 120: "px; height: 100"
          text run at (280,160) width 24: "px;"
          text run at (0,176) width 120: "     padding: 5"
          text run at (120,176) width 192: "px; border-style: solid;"
          text run at (0,192) width 168: "     border-width: 10"
          text run at (168,192) width 112: "px; margin: 15"
          text run at (280,192) width 32: "px;}"
          text run at (0,224) width 344: "IMG.twoc {vertical-align: middle; width: 50"
          text run at (344,224) width 112: "px; height: 50"
          text run at (456,224) width 24: "px;"
          text run at (0,240) width 120: "     padding: 5"
          text run at (120,240) width 192: "px; border-style: solid;"
          text run at (0,256) width 168: "     border-width: 10"
          text run at (168,256) width 120: "px; margin: -10"
          text run at (288,256) width 32: "px;}"
      RenderBlock {HR} at (1,333) size 782x2 [bgcolor=#000000]
      RenderBlock {P} at (0,349) size 784x462 [bgcolor=#000000]
        RenderText {TEXT} at (0,1) size 775x60
          text run at (0,1) width 305: "This paragraph should have a font size of 14"
          text run at (305,1) width 177: "px and a line height of 20"
          text run at (482,1) width 27: "px. "
          text run at (509,1) width 266: "This means that the lines of text within"
          text run at (0,21) width 606: "it should be separated by six pixels, three of which are part of the line-box of each line. "
          text run at (606,21) width 151: "Any images within the"
          text run at (0,41) width 661: "paragraph should increase the height of the line-box so that they fit within the line box, such as "
        RenderImage {IMG} at (0,60) size 200x200
        RenderText {TEXT} at (200,243) size 34x20
          text run at (200,243) width 34: " and "
        RenderImage {IMG} at (234,242) size 200x200
        RenderText {TEXT} at (434,243) size 771x220
          text run at (434,243) width 9: ". "
          text run at (443,243) width 328: "This is additional text to make sure that there is"
          text run at (0,443) width 672: "enough room left below the image so that this line does not hit the image that is text-top aligned."
      RenderBlock {P} at (0,825) size 784x502 [bgcolor=#000000]
        RenderText {TEXT} at (0,1) size 775x60
          text run at (0,1) width 305: "This paragraph should have a font size of 14"
          text run at (305,1) width 177: "px and a line height of 20"
          text run at (482,1) width 27: "px. "
          text run at (509,1) width 266: "This means that the lines of text within"
          text run at (0,21) width 251: "it should be separated by six pixels. "
          text run at (251,21) width 517: "Any images within the paragraph should increase the height of the line-box"
          text run at (0,41) width 286: "so that they fit, including their padding (5"
          text run at (286,41) width 104: "px), border (10"
          text run at (390,41) width 139: "px) and margins (15"
          text run at (529,41) width 217: "px) within the line box, such as "
        RenderImage {IMG} at (15,75) size 130x130
        RenderText {TEXT} at (160,203) size 34x20
          text run at (160,203) width 34: " and "
        RenderImage {IMG} at (209,217) size 130x130
        RenderText {TEXT} at (354,203) size 769x259
          text run at (354,203) width 9: ". "
          text run at (363,203) width 384: "This is additional text to make sure that there is enough"
          text run at (0,363) width 620: "room left below the image so that this line does not hit the image that is text-top aligned. "
          text run at (620,363) width 149: "It is the outer edge of"
          text run at (0,383) width 765: "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,403) width 251: "border of the image should begin 15"
          text run at (251,403) width 505: "px above the bottom of the text, and for the second image the top border"
          text run at (0,442) width 111: "should begin 15"
          text run at (111,442) width 195: "px below the top of the text "
        RenderImage {IMG} at (296,412) size 80x80
        RenderText {TEXT} at (366,442) size 780x61
          text run at (366,442) width 9: ". "
          text run at (375,442) width 280: "The last image in this paragraph has -10"
          text run at (655,442) width 125: "px margins set on"
          text run at (0,483) width 759: "it, so that should pull the text in toward the image in the vertical direction, and also in the horizontal direction."
      RenderTable {TABLE} at (0,1341) size 784x1033 [bgcolor=#000000]
        RenderTableSection {TBODY} at (1,1) size 0x1031
          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,515) 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 770x1006 [r=1 c=1 rs=1 cs=1]
              RenderBlock {P} at (4,4) size 762x462
                RenderText {TEXT} at (0,1) size 733x60
                  text run at (0,1) width 305: "This paragraph should have a font size of 14"
                  text run at (305,1) width 177: "px and a line height of 20"
                  text run at (482,1) width 27: "px. "
                  text run at (509,1) width 220: "This means that the lines of text"
                  text run at (0,21) width 652: "within it should be separated by six pixels, three of which are part of the line-box of each line. "
                  text run at (652,21) width 79: "Any images"
                  text run at (0,41) width 733: "within the paragraph should increase the height of the line-box so that they fit within the line box, such as "
                RenderImage {IMG} at (0,60) size 200x200
                RenderText {TEXT} at (200,243) size 34x20
                  text run at (200,243) width 34: " and "
                RenderImage {IMG} at (234,242) size 200x200
                RenderText {TEXT} at (434,243) size 755x220
                  text run at (434,243) width 9: ". "
                  text run at (443,243) width 312: "This is additional text to make sure that there"
                  text run at (0,443) width 688: "is enough room left below the image so that this line does not hit the image that is text-top aligned."
              RenderBlock {P} at (4,480) size 762x522
                RenderText {TEXT} at (0,1) size 751x222
                  text run at (0,1) width 305: "This paragraph should have a font size of 14"
                  text run at (305,1) width 177: "px and a line height of 20"
                  text run at (482,1) width 27: "px. "
                  text run at (509,1) width 220: "This means that the lines of text"
                  text run at (0,21) width 297: "within it should be separated by six pixels. "
                  text run at (297,21) width 454: "Any images within the paragraph should increase the height of the"
                  text run at (0,41) width 349: "line-box so that they fit, including their padding (5"
                  text run at (349,41) width 104: "px), border (10"
                  text run at (453,41) width 139: "px) and margins (15"
                  text run at (592,41) width 158: "px) within the line box,"
                  text run at (0,203) width 55: "such as "
                RenderImage {IMG} at (70,75) size 130x130
                RenderText {TEXT} at (215,203) size 34x20
                  text run at (215,203) width 34: " and "
                RenderImage {IMG} at (264,217) size 130x130
                RenderText {TEXT} at (409,203) size 746x259
                  text run at (409,203) width 9: ". "
                  text run at (418,203) width 328: "This is additional text to make sure that there is"
                  text run at (0,363) width 676: "enough room left below the image so that this line does not hit the image that is text-top aligned. "
                  text run at (676,363) width 52: "It is the"
                  text run at (0,383) width 736: "outer edge of the margin that should be text-bottom and text-top aligned in this paragraph, so for the first"
                  text run at (0,403) width 377: "image the bottom border of the image should begin 15"
                  text run at (377,403) width 356: "px above the bottom of the text, and for the second"
                  text run at (0,442) width 260: "image the top border should begin 15"
                  text run at (260,442) width 195: "px below the top of the text "
                RenderImage {IMG} at (445,412) size 80x80
                RenderText {TEXT} at (515,442) size 755x81
                  text run at (515,442) width 9: ". "
                  text run at (524,442) width 222: "The last image in this paragraph"
                  text run at (0,483) width 54: "has -10"
                  text run at (54,483) width 701: "px margins set on it, so that should pull the text in toward the image in the vertical direction, and also"
                  text run at (0,503) width 183: "in the horizontal direction."
