layer at (0,0) size 800x2207
  RenderCanvas at (0,0) size 800x600
layer at (0,0) size 800x2207
  RenderBlock {HTML} at (0,0) size 800x2207
    RenderBody {BODY} at (8,8) size 784x2191 [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 784x144 [bgcolor=#000000]
        RenderText {TEXT} at (0,0) size 560x128
          text run at (0,0) width 320: "P.test {background: white; font-size: 20"
          text run at (320,0) width 24: "px;"
          text run at (0,16) width 184: "        margin-left: 30"
          text run at (184,16) width 160: "px; margin-right: 10"
          text run at (344,16) width 216: "px; padding: 0; border: 0;}"
          text run at (0,32) width 312: "IMG {padding: 0; border: 0; margin: 0;}"
          text run at (0,48) width 200: "P.test IMG {float: left;}"
          text run at (0,64) width 168: "#img2 {margin-top: 30"
          text run at (168,64) width 152: "px; margin-left: 30"
          text run at (320,64) width 32: "px;}"
          text run at (0,80) width 176: "#img3 {margin-top: -30"
          text run at (176,80) width 160: "px; margin-left: -30"
          text run at (336,80) width 32: "px;}"
          text run at (0,96) width 184: "#img4 {margin-right: 30"
          text run at (184,96) width 168: "px; margin-bottom: 30"
          text run at (352,96) width 32: "px;}"
          text run at (0,112) width 192: "#img5 {margin-right: -30"
          text run at (192,112) width 176: "px; margin-bottom: -30"
          text run at (368,112) width 32: "px;}"
      RenderBlock {HR} at (1,189) size 782x2 [bgcolor=#000000]
      RenderBlock {P} at (30,211) size 744x115 [bgcolor=#FFFFFF]
        RenderText {TEXT} at (0,0) size 721x115
          text run at (0,0) width 681: "This paragraph should have a white background which extends to the"
          text run at (0,23) width 278: "edges of the element's box. "
          text run at (278,23) width 409: "There is no padding set on this paragraph"
          text run at (0,46) width 123: "whatsoever. "
          text run at (123,46) width 561: "If the background of the entire box is not white, this may"
          text run at (0,69) width 721: "cause problems with the following tests; at any rate, it must be taken into"
          text run at (0,92) width 84: "account."
      RenderBlock {P} at (30,346) size 744x138 [bgcolor=#FFFFFF]
        RenderImage {IMG} at (0,0) size 60x60 [bgcolor=#000000]
        RenderText {TEXT} at (60,0) size 725x138
          text run at (60,0) width 612: "The image in the upper left corner of this paragraph should be"
          text run at (60,23) width 308: "floated left, and nothing more. "
          text run at (368,23) width 346: "The edges of the white background"
          text run at (60,46) width 552: "should line up with the top and left edges of the image. "
          text run at (612,46) width 42: "This"
          text run at (0,69) width 709: "paragraph should have a white background, first of all, which extends to"
          text run at (0,92) width 316: "the edges of the element's box. "
          text run at (316,92) width 409: "There is no padding set on this paragraph"
          text run at (0,115) width 117: "whatsoever."
      RenderBlock {P} at (30,504) size 744x138 [bgcolor=#FFFFFF]
        RenderImage {IMG} at (30,30) size 60x60 [bgcolor=#000000]
        RenderText {TEXT} at (90,0) size 737x138
          text run at (90,0) width 612: "The image in the upper left corner of this paragraph should be"
          text run at (90,23) width 630: "pushed down and to the right 30 pixels each from the upper left"
          text run at (90,46) width 617: "corner of the paragraph's box, and displace the paragraph text"
          text run at (90,69) width 125: "accordingly. "
          text run at (215,69) width 522: "This paragraph should have a white background, first"
          text run at (0,92) width 551: "of all, which extends to the edges of the element's box. "
          text run at (551,92) width 109: "There is no"
          text run at (0,115) width 417: "padding set on this paragraph whatsoever."
      RenderBlock {P} at (30,662) size 744x138 [bgcolor=#FFFFFF]
        RenderImage {IMG} at (-30,-30) size 60x60 [bgcolor=#000000]
        RenderText {TEXT} at (30,0) size 725x138
          text run at (30,0) width 690: "The image in the upper left corner of this paragraph should be pushed"
          text run at (30,23) width 642: "up and to the left 30 pixels each from the upper left corner of the"
          text run at (0,46) width 723: "paragraph's box, thus causing the edges of the white background to align"
          text run at (0,69) width 377: "with the thick gray lines in the image. "
          text run at (377,69) width 348: "This paragraph should have a white"
          text run at (0,92) width 719: "background, first of all, which extends to the edges of the element's box."
          text run at (0,115) width 532: "There is no padding set on this paragraph whatsoever."
      RenderBlock {P} at (30,820) size 744x161 [bgcolor=#FFFFFF]
        RenderImage {IMG} at (0,0) size 60x60 [bgcolor=#000000]
        RenderText {TEXT} at (90,0) size 738x161
          text run at (90,0) width 612: "The image in the upper left corner of this paragraph should be"
          text run at (90,23) width 648: "floated left, and the edges of the white background should line up"
          text run at (90,46) width 407: "with the top and left edges of the image. "
          text run at (497,46) width 220: "However, there should"
          text run at (90,69) width 635: "be 30 pixels of space between the right and bottom edges of the"
          text run at (0,92) width 400: "image and the paragraph text around it. "
          text run at (400,92) width 289: "This paragraph should have a"
          text run at (0,115) width 727: "white background, first of all, which extends to the edges of the element's"
          text run at (0,138) width 51: "box. "
          text run at (51,138) width 532: "There is no padding set on this paragraph whatsoever."
      RenderBlock {P} at (30,1001) size 744x161 [bgcolor=#FFFFFF]
        RenderImage {IMG} at (0,0) size 60x60 [bgcolor=#000000]
        RenderText {TEXT} at (30,0) size 731x161
          text run at (30,0) width 686: "The image in the upper left corner of this paragraph should be floated"
          text run at (30,23) width 699: "left, and the edges of the white background should line up with the top"
          text run at (0,46) width 282: "and left edges of the image. "
          text run at (282,46) width 442: "However, the text should overlap the image's"
          text run at (0,69) width 699: "right and bottom sides, lining up with the thick gray lines in the image."
          text run at (0,92) width 731: "This paragraph should have a white background, first of all, which extends"
          text run at (0,115) width 342: "to the edges of the element's box. "
          text run at (342,115) width 303: "There is no padding set on this"
          text run at (0,138) width 223: "paragraph whatsoever."
      RenderTable {TABLE} at (0,1182) size 784x1009 [bgcolor=#000000]
        RenderTableSection {TBODY} at (1,1) size 0x1007
          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,503) 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 770x982 [r=1 c=1 rs=1 cs=1]
              RenderBlock {P} at (34,4) size 722x115 [bgcolor=#FFFFFF]
                RenderText {TEXT} at (0,0) size 721x115
                  text run at (0,0) width 681: "This paragraph should have a white background which extends to the"
                  text run at (0,23) width 278: "edges of the element's box. "
                  text run at (278,23) width 409: "There is no padding set on this paragraph"
                  text run at (0,46) width 123: "whatsoever. "
                  text run at (123,46) width 561: "If the background of the entire box is not white, this may"
                  text run at (0,69) width 721: "cause problems with the following tests; at any rate, it must be taken into"
                  text run at (0,92) width 84: "account."
              RenderBlock {P} at (34,139) size 722x138 [bgcolor=#FFFFFF]
                RenderImage {IMG} at (0,0) size 60x60 [bgcolor=#000000]
                RenderText {TEXT} at (60,0) size 714x138
                  text run at (60,0) width 612: "The image in the upper left corner of this paragraph should be"
                  text run at (60,23) width 308: "floated left, and nothing more. "
                  text run at (368,23) width 346: "The edges of the white background"
                  text run at (60,46) width 552: "should line up with the top and left edges of the image. "
                  text run at (612,46) width 42: "This"
                  text run at (0,69) width 709: "paragraph should have a white background, first of all, which extends to"
                  text run at (0,92) width 316: "the edges of the element's box. "
                  text run at (316,92) width 303: "There is no padding set on this"
                  text run at (0,115) width 223: "paragraph whatsoever."
              RenderBlock {P} at (34,297) size 722x138 [bgcolor=#FFFFFF]
                RenderImage {IMG} at (30,30) size 60x60 [bgcolor=#000000]
                RenderText {TEXT} at (90,0) size 720x138
                  text run at (90,0) width 612: "The image in the upper left corner of this paragraph should be"
                  text run at (90,23) width 630: "pushed down and to the right 30 pixels each from the upper left"
                  text run at (90,46) width 617: "corner of the paragraph's box, and displace the paragraph text"
                  text run at (90,69) width 125: "accordingly. "
                  text run at (215,69) width 477: "This paragraph should have a white background,"
                  text run at (0,92) width 596: "first of all, which extends to the edges of the element's box. "
                  text run at (596,92) width 109: "There is no"
                  text run at (0,115) width 417: "padding set on this paragraph whatsoever."
              RenderBlock {P} at (34,455) size 722x138 [bgcolor=#FFFFFF]
                RenderImage {IMG} at (-30,-30) size 60x60 [bgcolor=#000000]
                RenderText {TEXT} at (30,0) size 720x138
                  text run at (30,0) width 690: "The image in the upper left corner of this paragraph should be pushed"
                  text run at (30,23) width 642: "up and to the left 30 pixels each from the upper left corner of the"
                  text run at (0,46) width 669: "paragraph's box, thus causing the edges of the white background to"
                  text run at (0,69) width 431: "align with the thick gray lines in the image. "
                  text run at (431,69) width 289: "This paragraph should have a"
                  text run at (0,92) width 628: "white background, first of all, which extends to the edges of the"
                  text run at (0,115) width 150: "element's box. "
                  text run at (150,115) width 532: "There is no padding set on this paragraph whatsoever."
              RenderBlock {P} at (34,613) size 722x184 [bgcolor=#FFFFFF]
                RenderImage {IMG} at (0,0) size 60x60 [bgcolor=#000000]
                RenderText {TEXT} at (90,0) size 707x184
                  text run at (90,0) width 612: "The image in the upper left corner of this paragraph should be"
                  text run at (90,23) width 617: "floated left, and the edges of the white background should line"
                  text run at (90,46) width 438: "up with the top and left edges of the image. "
                  text run at (528,46) width 148: "However, there"
                  text run at (90,69) width 579: "should be 30 pixels of space between the right and bottom"
                  text run at (0,92) width 528: "edges of the image and the paragraph text around it. "
                  text run at (528,92) width 148: "This paragraph"
                  text run at (0,115) width 705: "should have a white background, first of all, which extends to the edges"
                  text run at (0,138) width 214: "of the element's box. "
                  text run at (214,138) width 409: "There is no padding set on this paragraph"
                  text run at (0,161) width 117: "whatsoever."
              RenderBlock {P} at (34,817) size 722x161 [bgcolor=#FFFFFF]
                RenderImage {IMG} at (0,0) size 60x60 [bgcolor=#000000]
                RenderText {TEXT} at (30,0) size 720x161
                  text run at (30,0) width 686: "The image in the upper left corner of this paragraph should be floated"
                  text run at (30,23) width 660: "left, and the edges of the white background should line up with the"
                  text run at (0,46) width 321: "top and left edges of the image. "
                  text run at (321,46) width 362: "However, the text should overlap the"
                  text run at (0,69) width 706: "image's right and bottom sides, lining up with the thick gray lines in the"
                  text run at (0,92) width 73: "image. "
                  text run at (73,92) width 647: "This paragraph should have a white background, first of all, which"
                  text run at (0,115) width 426: "extends to the edges of the element's box. "
                  text run at (426,115) width 261: "There is no padding set on"
                  text run at (0,138) width 265: "this paragraph whatsoever."
