1d167fd1329244ed6457e27afdf920bf0988cbf3
[WebKit-https.git] / LayoutTests / css1 / box_properties / float_margin-expected.txt
1 layer at (0,0) size 800x1902
2   RenderCanvas at (0,0) size 800x600
3 layer at (0,0) size 800x1902
4   RenderBlock {HTML} at (0,0) size 800x1902
5     RenderBody {BODY} at (8,8) size 784x1886 [bgcolor=#CCCCCC]
6       RenderBlock {P} at (0,0) size 784x18 [bgcolor=#000000]
7         RenderText {TEXT} at (0,0) size 355x18
8           text run at (0,0) width 355: "The style declarations which apply to the text below are:"
9       RenderBlock {PRE} at (0,34) size 784x135 [bgcolor=#000000]
10         RenderText {TEXT} at (0,0) size 560x120
11           text run at (0,0) width 320: "P.test {background: white; font-size: 20"
12           text run at (320,0) width 24: "px;"
13           text run at (0,15) width 184: "        margin-left: 30"
14           text run at (184,15) width 160: "px; margin-right: 10"
15           text run at (344,15) width 216: "px; padding: 0; border: 0;}"
16           text run at (0,30) width 312: "IMG {padding: 0; border: 0; margin: 0;}"
17           text run at (0,45) width 200: "P.test IMG {float: left;}"
18           text run at (0,60) width 168: "#img2 {margin-top: 30"
19           text run at (168,60) width 152: "px; margin-left: 30"
20           text run at (320,60) width 32: "px;}"
21           text run at (0,75) width 176: "#img3 {margin-top: -30"
22           text run at (176,75) width 160: "px; margin-left: -30"
23           text run at (336,75) width 32: "px;}"
24           text run at (0,90) width 184: "#img4 {margin-right: 30"
25           text run at (184,90) width 168: "px; margin-bottom: 30"
26           text run at (352,90) width 32: "px;}"
27           text run at (0,105) width 192: "#img5 {margin-right: -30"
28           text run at (192,105) width 176: "px; margin-bottom: -30"
29           text run at (368,105) width 32: "px;}"
30       RenderBlock {HR} at (0,182) size 784x2 [bgcolor=#000000] [border: (1px inset #000000)]
31       RenderBlock {P} at (30,204) size 744x92 [bgcolor=#FFFFFF]
32         RenderText {TEXT} at (0,0) size 738x92
33           text run at (0,0) width 663: "This paragraph should have a white background which extends to the edges of the"
34           text run at (0,23) width 122: "element's box. "
35           text run at (122,23) width 442: "There is no padding set on this paragraph whatsoever. "
36           text run at (564,23) width 166: "If the background of"
37           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"
38           text run at (0,69) width 223: "must be taken into account."
39       RenderBlock {P} at (30,316) size 744x115 [bgcolor=#FFFFFF]
40         RenderImage {IMG} at (0,0) size 60x60 [bgcolor=#000000]
41         RenderText {TEXT} at (60,0) size 741x115
42           text run at (60,0) width 638: "The image in the upper left corner of this paragraph should be floated left, and"
43           text run at (60,23) width 119: "nothing more. "
44           text run at (179,23) width 540: "The edges of the white background should line up with the top and"
45           text run at (60,46) width 196: "left edges of the image. "
46           text run at (256,46) width 485: "This paragraph should have a white background, first of all,"
47           text run at (0,69) width 397: "which extends to the edges of the element's box. "
48           text run at (397,69) width 335: "There is no padding set on this paragraph"
49           text run at (0,92) width 97: "whatsoever."
50       RenderBlock {P} at (30,451) size 744x115 [bgcolor=#FFFFFF]
51         RenderImage {IMG} at (30,30) size 60x60 [bgcolor=#000000]
52         RenderText {TEXT} at (90,0) size 741x115
53           text run at (90,0) width 649: "The image in the upper left corner of this paragraph should be pushed down and"
54           text run at (90,23) width 651: "to the right 30 pixels each from the upper left corner of the paragraph's box, and"
55           text run at (90,46) width 330: "displace the paragraph text accordingly. "
56           text run at (420,46) width 288: "This paragraph should have a white"
57           text run at (90,69) width 594: "background, first of all, which extends to the edges of the element's box. "
58           text run at (684,69) width 47: "There"
59           text run at (0,92) width 385: "is no padding set on this paragraph whatsoever."
60       RenderBlock {P} at (30,586) size 744x115 [bgcolor=#FFFFFF]
61         RenderImage {IMG} at (-30,-30) size 60x60 [bgcolor=#000000]
62         RenderText {TEXT} at (30,0) size 739x115
63           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"
64           text run at (30,23) width 709: "30 pixels each from the upper left corner of the paragraph's box, thus causing the edges"
65           text run at (0,46) width 582: "of the white background to align with the thick gray lines in the image. "
66           text run at (582,46) width 122: "This paragraph"
67           text run at (0,69) width 715: "should have a white background, first of all, which extends to the edges of the element's"
68           text run at (0,92) width 40: "box. "
69           text run at (40,92) width 437: "There is no padding set on this paragraph whatsoever."
70       RenderBlock {P} at (30,721) size 744x138 [bgcolor=#FFFFFF]
71         RenderImage {IMG} at (0,0) size 60x60 [bgcolor=#000000]
72         RenderText {TEXT} at (90,0) size 730x138
73           text run at (90,0) width 638: "The image in the upper left corner of this paragraph should be floated left, and"
74           text run at (90,23) width 640: "the edges of the white background should line up with the top and left edges of"
75           text run at (90,46) width 90: "the image. "
76           text run at (180,46) width 538: "However, there should be 30 pixels of space between the right and"
77           text run at (90,69) width 490: "bottom edges of the image and the paragraph text around it. "
78           text run at (580,69) width 122: "This paragraph"
79           text run at (0,92) width 715: "should have a white background, first of all, which extends to the edges of the element's"
80           text run at (0,115) width 40: "box. "
81           text run at (40,115) width 437: "There is no padding set on this paragraph whatsoever."
82       RenderBlock {P} at (30,879) size 744x138 [bgcolor=#FFFFFF]
83         RenderImage {IMG} at (0,0) size 60x60 [bgcolor=#000000]
84         RenderText {TEXT} at (30,0) size 732x138
85           text run at (30,0) width 668: "The image in the upper left corner of this paragraph should be floated left, and the"
86           text run at (30,23) width 700: "edges of the white background should line up with the top and left edges of the image."
87           text run at (0,46) width 707: "However, the text should overlap the image's right and bottom sides, lining up with the"
88           text run at (0,69) width 242: "thick gray lines in the image. "
89           text run at (242,69) width 485: "This paragraph should have a white background, first of all,"
90           text run at (0,92) width 397: "which extends to the edges of the element's box. "
91           text run at (397,92) width 335: "There is no padding set on this paragraph"
92           text run at (0,115) width 97: "whatsoever."
93       RenderTable {TABLE} at (0,1037) size 784x849 [bgcolor=#000000] [border: (1px outset #808080)]
94         RenderTableSection {TBODY} at (1,1) size 0x847
95           RenderTableRow {TR} at (0,0) size 0x0
96             RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
97               RenderInline {STRONG} at (0,0) size 163x18 [bgcolor=#000000]
98                 RenderText {TEXT} at (4,4) size 163x18
99                   text run at (4,4) width 163: "TABLE Testing Section"
100           RenderTableRow {TR} at (0,0) size 0x0
101             RenderTableCell {TD} at (0,423) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
102               RenderText {TEXT} at (4,4) size 4x18
103                 text run at (4,4) width 4: " "
104             RenderTableCell {TD} at (12,26) size 770x821 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
105               RenderBlock {P} at (34,4) size 722x92 [bgcolor=#FFFFFF]
106                 RenderText {TEXT} at (0,0) size 708x92
107                   text run at (0,0) width 663: "This paragraph should have a white background which extends to the edges of the"
108                   text run at (0,23) width 122: "element's box. "
109                   text run at (122,23) width 442: "There is no padding set on this paragraph whatsoever. "
110                   text run at (564,23) width 144: "If the background"
111                   text run at (0,46) width 702: "of the entire box is not white, this may cause problems with the following tests; at any"
112                   text run at (0,69) width 281: "rate, it must be taken into account."
113               RenderBlock {P} at (34,116) size 722x115 [bgcolor=#FFFFFF]
114                 RenderImage {IMG} at (0,0) size 60x60 [bgcolor=#000000]
115                 RenderText {TEXT} at (60,0) size 719x115
116                   text run at (60,0) width 638: "The image in the upper left corner of this paragraph should be floated left, and"
117                   text run at (60,23) width 119: "nothing more. "
118                   text run at (179,23) width 540: "The edges of the white background should line up with the top and"
119                   text run at (60,46) width 196: "left edges of the image. "
120                   text run at (256,46) width 454: "This paragraph should have a white background, first of"
121                   text run at (0,69) width 428: "all, which extends to the edges of the element's box. "
122                   text run at (428,69) width 249: "There is no padding set on this"
123                   text run at (0,92) width 183: "paragraph whatsoever."
124               RenderBlock {P} at (34,251) size 722x115 [bgcolor=#FFFFFF]
125                 RenderImage {IMG} at (30,30) size 60x60 [bgcolor=#000000]
126                 RenderText {TEXT} at (90,0) size 718x115
127                   text run at (90,0) width 615: "The image in the upper left corner of this paragraph should be pushed down"
128                   text run at (90,23) width 611: "and to the right 30 pixels each from the upper left corner of the paragraph's"
129                   text run at (90,46) width 404: "box, and displace the paragraph text accordingly. "
130                   text run at (494,46) width 224: "This paragraph should have"
131                   text run at (90,69) width 613: "a white background, first of all, which extends to the edges of the element's"
132                   text run at (0,92) width 40: "box. "
133                   text run at (40,92) width 437: "There is no padding set on this paragraph whatsoever."
134               RenderBlock {P} at (34,386) size 722x115 [bgcolor=#FFFFFF]
135                 RenderImage {IMG} at (-30,-30) size 60x60 [bgcolor=#000000]
136                 RenderText {TEXT} at (30,0) size 721x115
137                   text run at (30,0) width 676: "The image in the upper left corner of this paragraph should be pushed up and to the"
138                   text run at (30,23) width 691: "left 30 pixels each from the upper left corner of the paragraph's box, thus causing the"
139                   text run at (0,46) width 633: "edges of the white background to align with the thick gray lines in the image. "
140                   text run at (633,46) width 36: "This"
141                   text run at (0,69) width 719: "paragraph should have a white background, first of all, which extends to the edges of the"
142                   text run at (0,92) width 122: "element's box. "
143                   text run at (122,92) width 437: "There is no padding set on this paragraph whatsoever."
144               RenderBlock {P} at (34,521) size 722x138 [bgcolor=#FFFFFF]
145                 RenderImage {IMG} at (0,0) size 60x60 [bgcolor=#000000]
146                 RenderText {TEXT} at (90,0) size 719x138
147                   text run at (90,0) width 604: "The image in the upper left corner of this paragraph should be floated left,"
148                   text run at (90,23) width 601: "and the edges of the white background should line up with the top and left"
149                   text run at (90,46) width 163: "edges of the image. "
150                   text run at (253,46) width 460: "However, there should be 30 pixels of space between the"
151                   text run at (90,69) width 568: "right and bottom edges of the image and the paragraph text around it. "
152                   text run at (658,69) width 36: "This"
153                   text run at (0,92) width 719: "paragraph should have a white background, first of all, which extends to the edges of the"
154                   text run at (0,115) width 122: "element's box. "
155                   text run at (122,115) width 437: "There is no padding set on this paragraph whatsoever."
156               RenderBlock {P} at (34,679) size 722x138 [bgcolor=#FFFFFF]
157                 RenderImage {IMG} at (0,0) size 60x60 [bgcolor=#000000]
158                 RenderText {TEXT} at (30,0) size 706x138
159                   text run at (30,0) width 668: "The image in the upper left corner of this paragraph should be floated left, and the"
160                   text run at (30,23) width 640: "edges of the white background should line up with the top and left edges of the"
161                   text run at (0,46) width 60: "image. "
162                   text run at (60,46) width 636: "However, the text should overlap the image's right and bottom sides, lining up"
163                   text run at (0,69) width 313: "with the thick gray lines in the image. "
164                   text run at (313,69) width 393: "This paragraph should have a white background,"
165                   text run at (0,92) width 489: "first of all, which extends to the edges of the element's box. "
166                   text run at (489,92) width 214: "There is no padding set on"
167                   text run at (0,115) width 218: "this paragraph whatsoever."