layer at (0,0) size 800x1902 RenderCanvas at (0,0) size 800x600 layer at (0,0) size 800x1902 RenderBlock {HTML} at (0,0) size 800x1902 RenderBody {BODY} at (8,8) size 784x1886 [bgcolor=#CCCCCC] RenderBlock {P} at (0,0) size 784x18 RenderText {TEXT} at (0,0) size 355x18 text run at (0,0) width 355: "The style declarations which apply to the text below are:" RenderBlock {PRE} at (0,34) size 784x135 RenderText {TEXT} at (0,0) size 560x120 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,15) width 184: " margin-left: 30" text run at (184,15) width 160: "px; margin-right: 10" text run at (344,15) width 216: "px; padding: 0; border: 0;}" text run at (0,30) width 312: "IMG {padding: 0; border: 0; margin: 0;}" text run at (0,45) width 200: "P.test IMG {float: left;}" text run at (0,60) width 168: "#img2 {margin-top: 30" text run at (168,60) width 152: "px; margin-left: 30" text run at (320,60) width 32: "px;}" text run at (0,75) width 176: "#img3 {margin-top: -30" text run at (176,75) width 160: "px; margin-left: -30" text run at (336,75) width 32: "px;}" text run at (0,90) width 184: "#img4 {margin-right: 30" text run at (184,90) width 168: "px; margin-bottom: 30" text run at (352,90) width 32: "px;}" text run at (0,105) width 192: "#img5 {margin-right: -30" text run at (192,105) width 176: "px; margin-bottom: -30" text run at (368,105) width 32: "px;}" RenderBlock {HR} at (0,182) size 784x2 [border: (1px inset #000000)] RenderBlock {P} at (30,204) size 744x92 [bgcolor=#FFFFFF] RenderText {TEXT} at (0,0) size 738x92 text run at (0,0) width 663: "This paragraph should have a white background which extends to the edges of the" text run at (0,23) width 122: "element's box. " text run at (122,23) width 442: "There is no padding set on this paragraph whatsoever. " text run at (564,23) width 166: "If the background of" text run at (0,46) width 738: "the entire box is not white, this may cause problems with the following tests; at any rate, it" text run at (0,69) width 223: "must be taken into account." RenderBlock {P} at (30,316) size 744x115 [bgcolor=#FFFFFF] RenderImage {IMG} at (0,0) size 60x60 RenderText {TEXT} at (60,0) size 741x115 text run at (60,0) width 638: "The image in the upper left corner of this paragraph should be floated left, and" text run at (60,23) width 119: "nothing more. " text run at (179,23) width 540: "The edges of the white background should line up with the top and" text run at (60,46) width 196: "left edges of the image. " text run at (256,46) width 485: "This paragraph should have a white background, first of all," text run at (0,69) width 397: "which extends to the edges of the element's box. " text run at (397,69) width 335: "There is no padding set on this paragraph" text run at (0,92) width 97: "whatsoever." RenderBlock {P} at (30,451) size 744x115 [bgcolor=#FFFFFF] RenderImage {IMG} at (30,30) size 60x60 RenderText {TEXT} at (90,0) size 741x115 text run at (90,0) width 649: "The image in the upper left corner of this paragraph should be pushed down and" text run at (90,23) width 651: "to the right 30 pixels each from the upper left corner of the paragraph's box, and" text run at (90,46) width 330: "displace the paragraph text accordingly. " text run at (420,46) width 288: "This paragraph should have a white" text run at (90,69) width 594: "background, first of all, which extends to the edges of the element's box. " text run at (684,69) width 47: "There" text run at (0,92) width 385: "is no padding set on this paragraph whatsoever." RenderBlock {P} at (30,586) size 744x115 [bgcolor=#FFFFFF] RenderImage {IMG} at (-30,-30) size 60x60 RenderText {TEXT} at (30,0) size 739x115 text run at (30,0) width 709: "The image in the upper left corner of this paragraph should be pushed up and to the left" text run at (30,23) width 709: "30 pixels each from the upper left corner of the paragraph's box, thus causing the edges" text run at (0,46) width 582: "of the white background to align with the thick gray lines in the image. " text run at (582,46) width 122: "This paragraph" text run at (0,69) width 715: "should have a white background, first of all, which extends to the edges of the element's" text run at (0,92) width 40: "box. " text run at (40,92) width 437: "There is no padding set on this paragraph whatsoever." RenderBlock {P} at (30,721) size 744x138 [bgcolor=#FFFFFF] RenderImage {IMG} at (0,0) size 60x60 RenderText {TEXT} at (90,0) size 730x138 text run at (90,0) width 638: "The image in the upper left corner of this paragraph should be floated left, and" text run at (90,23) width 640: "the edges of the white background should line up with the top and left edges of" text run at (90,46) width 90: "the image. " text run at (180,46) width 538: "However, there should be 30 pixels of space between the right and" text run at (90,69) width 490: "bottom edges of the image and the paragraph text around it. " text run at (580,69) width 122: "This paragraph" text run at (0,92) width 715: "should have a white background, first of all, which extends to the edges of the element's" text run at (0,115) width 40: "box. " text run at (40,115) width 437: "There is no padding set on this paragraph whatsoever." RenderBlock {P} at (30,879) size 744x138 [bgcolor=#FFFFFF] RenderImage {IMG} at (0,0) size 60x60 RenderText {TEXT} at (30,0) size 732x138 text run at (30,0) width 668: "The image in the upper left corner of this paragraph should be floated left, and the" text run at (30,23) width 700: "edges of the white background should line up with the top and left edges of the image." text run at (0,46) width 707: "However, the text should overlap the image's right and bottom sides, lining up with the" text run at (0,69) width 242: "thick gray lines in the image. " text run at (242,69) width 485: "This paragraph should have a white background, first of all," text run at (0,92) width 397: "which extends to the edges of the element's box. " text run at (397,92) width 335: "There is no padding set on this paragraph" text run at (0,115) width 97: "whatsoever." RenderTable {TABLE} at (0,1037) size 784x849 [border: (1px outset #808080)] RenderTableSection {TBODY} at (1,1) size 0x847 RenderTableRow {TR} at (0,0) size 0x0 RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2] RenderInline {STRONG} at (0,0) size 163x18 RenderText {TEXT} at (4,4) size 163x18 text run at (4,4) width 163: "TABLE Testing Section" RenderTableRow {TR} at (0,0) size 0x0 RenderTableCell {TD} at (0,423) 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 770x821 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1] RenderBlock {P} at (34,4) size 722x92 [bgcolor=#FFFFFF] RenderText {TEXT} at (0,0) size 708x92 text run at (0,0) width 663: "This paragraph should have a white background which extends to the edges of the" text run at (0,23) width 122: "element's box. " text run at (122,23) width 442: "There is no padding set on this paragraph whatsoever. " text run at (564,23) width 144: "If the background" text run at (0,46) width 702: "of the entire box is not white, this may cause problems with the following tests; at any" text run at (0,69) width 281: "rate, it must be taken into account." RenderBlock {P} at (34,116) size 722x115 [bgcolor=#FFFFFF] RenderImage {IMG} at (0,0) size 60x60 RenderText {TEXT} at (60,0) size 719x115 text run at (60,0) width 638: "The image in the upper left corner of this paragraph should be floated left, and" text run at (60,23) width 119: "nothing more. " text run at (179,23) width 540: "The edges of the white background should line up with the top and" text run at (60,46) width 196: "left edges of the image. " text run at (256,46) width 454: "This paragraph should have a white background, first of" text run at (0,69) width 428: "all, which extends to the edges of the element's box. " text run at (428,69) width 249: "There is no padding set on this" text run at (0,92) width 183: "paragraph whatsoever." RenderBlock {P} at (34,251) size 722x115 [bgcolor=#FFFFFF] RenderImage {IMG} at (30,30) size 60x60 RenderText {TEXT} at (90,0) size 718x115 text run at (90,0) width 615: "The image in the upper left corner of this paragraph should be pushed down" text run at (90,23) width 611: "and to the right 30 pixels each from the upper left corner of the paragraph's" text run at (90,46) width 404: "box, and displace the paragraph text accordingly. " text run at (494,46) width 224: "This paragraph should have" text run at (90,69) width 613: "a white background, first of all, which extends to the edges of the element's" text run at (0,92) width 40: "box. " text run at (40,92) width 437: "There is no padding set on this paragraph whatsoever." RenderBlock {P} at (34,386) size 722x115 [bgcolor=#FFFFFF] RenderImage {IMG} at (-30,-30) size 60x60 RenderText {TEXT} at (30,0) size 721x115 text run at (30,0) width 676: "The image in the upper left corner of this paragraph should be pushed up and to the" text run at (30,23) width 691: "left 30 pixels each from the upper left corner of the paragraph's box, thus causing the" text run at (0,46) width 633: "edges of the white background to align with the thick gray lines in the image. " text run at (633,46) width 36: "This" text run at (0,69) width 719: "paragraph should have a white background, first of all, which extends to the edges of the" text run at (0,92) width 122: "element's box. " text run at (122,92) width 437: "There is no padding set on this paragraph whatsoever." RenderBlock {P} at (34,521) size 722x138 [bgcolor=#FFFFFF] RenderImage {IMG} at (0,0) size 60x60 RenderText {TEXT} at (90,0) size 719x138 text run at (90,0) width 604: "The image in the upper left corner of this paragraph should be floated left," text run at (90,23) width 601: "and the edges of the white background should line up with the top and left" text run at (90,46) width 163: "edges of the image. " text run at (253,46) width 460: "However, there should be 30 pixels of space between the" text run at (90,69) width 568: "right and bottom edges of the image and the paragraph text around it. " text run at (658,69) width 36: "This" text run at (0,92) width 719: "paragraph should have a white background, first of all, which extends to the edges of the" text run at (0,115) width 122: "element's box. " text run at (122,115) width 437: "There is no padding set on this paragraph whatsoever." RenderBlock {P} at (34,679) size 722x138 [bgcolor=#FFFFFF] RenderImage {IMG} at (0,0) size 60x60 RenderText {TEXT} at (30,0) size 706x138 text run at (30,0) width 668: "The image in the upper left corner of this paragraph should be floated left, and the" text run at (30,23) width 640: "edges of the white background should line up with the top and left edges of the" text run at (0,46) width 60: "image. " text run at (60,46) width 636: "However, the text should overlap the image's right and bottom sides, lining up" text run at (0,69) width 313: "with the thick gray lines in the image. " text run at (313,69) width 393: "This paragraph should have a white background," text run at (0,92) width 489: "first of all, which extends to the edges of the element's box. " text run at (489,92) width 214: "There is no padding set on" text run at (0,115) width 218: "this paragraph whatsoever."