2edeeb9ee734158a6b29cc83a6973b572848b1c2
[WebKit-https.git] / LayoutTests / css1 / formatting_model / floating_elements-expected.txt
1 layer at (0,0) size 800x6811
2   RenderCanvas at (0,0) size 800x600
3 layer at (0,0) size 800x6811
4   RenderBlock {HTML} at (0,0) size 800x6811
5     RenderBody {BODY} at (8,8) size 784x6795 [bgcolor=#CCCCCC]
6       RenderBlock {P} at (0,0) size 784x17 [bgcolor=#000000]
7         RenderText {TEXT} at (0,0) size 385x17
8           text run at (0,0) width 385: "The style declarations which apply to the text below are:"
9       RenderBlock {PRE} at (0,31) size 784x144 [bgcolor=#000000]
10         RenderText {TEXT} at (0,0) size 480x128
11           text run at (0,0) width 272: "HR.minor {clear: both; width: 5%;}"
12           text run at (0,16) width 368: "HR.major {clear: both; width: 75%; margin: 1.5"
13           text run at (368,16) width 32: "em;}"
14           text run at (0,32) width 112: "DIV {border: 5"
15           text run at (112,32) width 336: "px solid purple; padding: 0; margin: 0.125"
16           text run at (448,32) width 32: "em;}"
17           text run at (0,48) width 208: "P.left, P.right {width: 10"
18           text run at (208,48) width 112: "em; padding: 1"
19           text run at (320,48) width 112: "em; margin: 0;"
20           text run at (0,64) width 96: "   border: 1"
21           text run at (96,64) width 328: "px solid lime; background-color: silver;}"
22           text run at (0,80) width 328: "IMG.left, IMG.right {margin: 0; border: 3"
23           text run at (328,80) width 128: "px solid black;}"
24           text run at (0,96) width 160: ".left {float: left;}"
25           text run at (0,112) width 176: ".right {float: right;}"
26       RenderBlock {HR} at (1,189) size 782x2 [bgcolor=#000000]
27       RenderBlock {P} at (0,205) size 784x51 [bgcolor=#000000]
28         RenderText {TEXT} at (0,0) size 758x51
29           text run at (0,0) width 752: "On this test page, each test is performed once with floating paragraphs, and then again with floating images. "
30           text run at (0,17) width 758: "Other than the substitution of images for pargraphs, the structure of the test is exactly the same, including the"
31           text run at (0,34) width 152: "direction of the floats."
32       RenderBlock {HR} at (21,277) size 590x2 [bgcolor=#000000]
33       RenderBlock {DIV} at (1,300) size 782x78 [bgcolor=#000000]
34         RenderBlock (floating) {P} at (5,5) size 170x98 [bgcolor=#C0C0C0]
35           RenderText {TEXT} at (15,15) size 123x68
36             text run at (15,15) width 57: "This is a"
37             text run at (15,32) width 83: "left-floating"
38             text run at (15,49) width 123: "paragraph (first in"
39             text run at (15,66) width 55: "source)."
40         RenderText {TEXT} at (0,0) size 0x0
41         RenderBlock (floating) {P} at (607,5) size 170x98 [bgcolor=#C0C0C0]
42           RenderText {TEXT} at (15,15) size 127x68
43             text run at (15,15) width 57: "This is a"
44             text run at (15,32) width 93: "right-floating"
45             text run at (15,49) width 127: "paragraph (second"
46             text run at (15,66) width 72: "in source)."
47         RenderText {TEXT} at (175,5) size 412x68
48           text run at (175,5) width 185: "This is text within the DIV. "
49           text run at (360,5) width 225: "The floating elements within this"
50           text run at (175,22) width 412: "DIV should not go beyond the left or right inner edge of this"
51           text run at (175,39) width 403: "DIV, which means that the borders of the floating elements"
52           text run at (175,56) width 365: "should not overlap the top or side borders of the DIV."
53       RenderBlock {HR} at (1,403) size 41x2 [bgcolor=#000000]
54       RenderBlock {DIV} at (1,417) size 782x61 [bgcolor=#000000]
55         RenderImage {IMG} at (5,5) size 15x36
56         RenderText {TEXT} at (0,0) size 0x0
57         RenderImage {IMG} at (762,5) size 15x36
58         RenderText {TEXT} at (20,5) size 727x51
59           text run at (20,5) width 185: "This is text within the DIV. "
60           text run at (205,5) width 542: "The floating images within this DIV should not go beyond the left or right inner"
61           text run at (20,22) width 711: "edge of this DIV, which means that the borders of the floating images should not overlap the top or side"
62           text run at (20,39) width 130: "borders of the DIV."
63       RenderBlock {HR} at (21,499) size 590x2 [bgcolor=#000000]
64       RenderBlock {DIV} at (1,522) size 388x261 [bgcolor=#000000]
65         RenderBlock (floating) {P} at (5,5) size 170x81 [bgcolor=#C0C0C0]
66           RenderText {TEXT} at (15,15) size 103x51
67             text run at (15,15) width 103: "This is the first"
68             text run at (15,32) width 83: "left-floating"
69             text run at (15,49) width 75: "paragraph."
70         RenderText {TEXT} at (0,0) size 0x0
71         RenderBlock (floating) {P} at (175,5) size 170x81 [bgcolor=#C0C0C0]
72           RenderText {TEXT} at (15,15) size 124x51
73             text run at (15,15) width 124: "This is the second"
74             text run at (15,32) width 83: "left-floating"
75             text run at (15,49) width 75: "paragraph."
76         RenderText {TEXT} at (0,0) size 0x0
77         RenderBlock (floating) {P} at (5,86) size 170x81 [bgcolor=#C0C0C0]
78           RenderText {TEXT} at (15,15) size 108x51
79             text run at (15,15) width 108: "This is the third"
80             text run at (15,32) width 83: "left-floating"
81             text run at (15,49) width 75: "paragraph."
82         RenderText {TEXT} at (345,5) size 377x251
83           text run at (345,5) width 29: "This"
84           text run at (345,22) width 12: "is"
85           text run at (345,39) width 27: "text"
86           text run at (175,86) width 105: "within the DIV. "
87           text run at (280,86) width 83: "The floating"
88           text run at (175,103) width 166: "elements within this DIV"
89           text run at (175,120) width 203: "should not go beyond the left"
90           text run at (175,137) width 177: "or right inner edge of this"
91           text run at (175,154) width 179: "DIV, which means that the"
92           text run at (5,171) width 377: "borders of the floating elements should not overlap the"
93           text run at (5,188) width 287: "top or side borders of the DIV in any way. "
94           text run at (292,188) width 78: "In addition,"
95           text run at (5,205) width 247: "they should not overlap each other. "
96           text run at (252,205) width 87: "The first two"
97           text run at (5,222) width 373: "should be side by side, whereas the third should be on"
98           text run at (5,239) width 102: "the next \"line.\""
99       RenderBlock {HR} at (1,795) size 41x2 [bgcolor=#000000]
100       RenderBlock {DIV} at (1,809) size 360x214 [bgcolor=#000000]
101         RenderImage {IMG} at (5,5) size 156x36
102         RenderText {TEXT} at (0,0) size 0x0
103         RenderImage {IMG} at (161,5) size 156x36
104         RenderText {TEXT} at (0,0) size 0x0
105         RenderImage {IMG} at (5,41) size 156x36
106         RenderText {TEXT} at (317,5) size 350x204
107           text run at (317,5) width 29: "This"
108           text run at (317,22) width 12: "is"
109           text run at (317,39) width 27: "text"
110           text run at (161,56) width 105: "within the DIV. "
111           text run at (266,56) width 83: "The floating"
112           text run at (161,73) width 153: "images within this DIV"
113           text run at (5,90) width 336: "should not go beyond the left or right inner edge"
114           text run at (5,107) width 328: "of this DIV, which means that the borders of the"
115           text run at (5,124) width 341: "floating images should not overlap the top or side"
116           text run at (5,141) width 209: "borders of the DIV in any way. "
117           text run at (214,141) width 112: "In addition, they"
118           text run at (5,158) width 213: "should not overlap each other. "
119           text run at (218,158) width 137: "The first two should"
120           text run at (5,175) width 349: "be side by side, whereas the third should be on the"
121           text run at (5,192) width 76: "next \"line.\""
122       RenderBlock {HR} at (21,1044) size 590x2 [bgcolor=#000000]
123       RenderBlock {DIV} at (1,1067) size 276x418 [bgcolor=#000000]
124         RenderBlock (floating) {P} at (5,5) size 170x98 [bgcolor=#C0C0C0]
125           RenderText {TEXT} at (15,15) size 123x68
126             text run at (15,15) width 57: "This is a"
127             text run at (15,32) width 83: "left-floating"
128             text run at (15,49) width 123: "paragraph (first in"
129             text run at (15,66) width 55: "source)."
130         RenderText {TEXT} at (0,0) size 0x0
131         RenderBlock (floating) {P} at (101,103) size 170x98 [bgcolor=#C0C0C0]
132           RenderText {TEXT} at (15,15) size 127x68
133             text run at (15,15) width 57: "This is a"
134             text run at (15,32) width 93: "right-floating"
135             text run at (15,49) width 127: "paragraph (second"
136             text run at (15,66) width 72: "in source)."
137         RenderText {TEXT} at (175,5) size 255x408
138           text run at (175,5) width 76: "This is text"
139           text run at (175,22) width 68: "within the"
140           text run at (175,39) width 33: "DIV. "
141           text run at (208,39) width 26: "The"
142           text run at (175,56) width 53: "floating"
143           text run at (175,73) width 62: "elements"
144           text run at (175,90) width 72: "within this"
145           text run at (5,107) width 74: "DIV should"
146           text run at (5,124) width 45: "not go"
147           text run at (5,141) width 77: "beyond the"
148           text run at (5,158) width 79: "left or right"
149           text run at (5,175) width 91: "inner edge of"
150           text run at (5,192) width 59: "this DIV,"
151           text run at (5,209) width 247: "which means that the borders of the"
152           text run at (5,226) width 250: "floating elements should not overlap"
153           text run at (5,243) width 246: "the top or side borders of the DIV in"
154           text run at (5,260) width 63: "any way. "
155           text run at (68,260) width 189: "In addition, they should not"
156           text run at (5,277) width 235: "overlap each other in any way, nor"
157           text run at (5,294) width 211: "should the floated elements be"
158           text run at (5,311) width 192: "overwritten by the DIV text. "
159           text run at (197,311) width 13: "In"
160           text run at (5,328) width 255: "addition, the floated elements should"
161           text run at (5,345) width 248: "not be side-by-side, but instead the"
162           text run at (5,362) width 239: "first should be floated left, and the"
163           text run at (5,379) width 253: "second floated to the right below the"
164           text run at (5,396) width 33: "first."
165       RenderBlock {HR} at (1,1497) size 41x2 [bgcolor=#000000]
166       RenderBlock {DIV} at (1,1511) size 410x231 [bgcolor=#000000]
167         RenderImage {IMG} at (5,5) size 256x36
168         RenderText {TEXT} at (0,0) size 0x0
169         RenderImage {IMG} at (149,41) size 256x36
170         RenderText {TEXT} at (261,5) size 398x221
171           text run at (261,5) width 122: "This is text within"
172           text run at (261,22) width 59: "the DIV. "
173           text run at (320,22) width 83: "The floating"
174           text run at (261,39) width 125: "images within this"
175           text run at (5,56) width 123: "DIV should not go"
176           text run at (5,73) width 123: "beyond the left or"
177           text run at (5,90) width 398: "right inner edge of this DIV, which means that the borders"
178           text run at (5,107) width 385: "of the floating images should not overlap the top or side"
179           text run at (5,124) width 209: "borders of the DIV in any way. "
180           text run at (214,124) width 189: "In addition, they should not"
181           text run at (5,141) width 363: "overlap each other in any way, nor should the floated"
182           text run at (5,158) width 279: "elements be overwritten by the DIV text. "
183           text run at (284,158) width 104: "In addition, the"
184           text run at (5,175) width 377: "floated images should not be side-by-side, but instead"
185           text run at (5,192) width 388: "the first should be floated left, and the second floated to"
186           text run at (5,209) width 167: "the right below the first."
187       RenderBlock {HR} at (21,1763) size 590x2 [bgcolor=#000000]
188       RenderBlock {DIV} at (1,1786) size 782x112 [bgcolor=#000000]
189         RenderBlock (floating) {P} at (607,5) size 170x98 [bgcolor=#C0C0C0]
190           RenderText {TEXT} at (15,15) size 123x68
191             text run at (15,15) width 57: "This is a"
192             text run at (15,32) width 93: "right-floating"
193             text run at (15,49) width 123: "paragraph (first in"
194             text run at (15,66) width 55: "source)."
195         RenderText {TEXT} at (0,0) size 0x0
196         RenderBlock (floating) {P} at (5,5) size 170x98 [bgcolor=#C0C0C0]
197           RenderText {TEXT} at (15,15) size 127x68
198             text run at (15,15) width 57: "This is a"
199             text run at (15,32) width 83: "left-floating"
200             text run at (15,49) width 127: "paragraph (second"
201             text run at (15,66) width 72: "in source)."
202         RenderText {TEXT} at (175,5) size 421x102
203           text run at (175,5) width 185: "This is text within the DIV. "
204           text run at (360,5) width 225: "The floating elements within this"
205           text run at (175,22) width 388: "DIV should not go beyond the top side of this DIV, which"
206           text run at (175,39) width 403: "means that the borders of the floating elements should not"
207           text run at (175,56) width 367: "overlap the top or side borders of the DIV in any way. "
208           text run at (542,56) width 13: "In"
209           text run at (175,73) width 421: "addition, the top of the left-floating box should not be higher"
210           text run at (175,90) width 260: "than the top of the right-floating box."
211       RenderBlock {HR} at (1,1910) size 41x2 [bgcolor=#000000]
212       RenderBlock {DIV} at (1,1924) size 782x78 [bgcolor=#000000]
213         RenderImage {IMG} at (5,5) size 15x36
214         RenderText {TEXT} at (0,0) size 0x0
215         RenderImage {IMG} at (762,5) size 15x36
216         RenderText {TEXT} at (20,5) size 741x68
217           text run at (20,5) width 185: "This is text within the DIV. "
218           text run at (205,5) width 527: "The floating images within this DIV should not go beyond the top side of this"
219           text run at (20,22) width 726: "DIV, which means that the borders of the floating images should not overlap the top or side borders of the"
220           text run at (20,39) width 108: "DIV in any way. "
221           text run at (128,39) width 586: "In addition, the top of the left-floating image should not be higher than the top of the"
222           text run at (5,56) width 144: "right-floating image."
223       RenderBlock {HR} at (21,2023) size 590x2 [bgcolor=#000000]
224       RenderBlock {DIV} at (1,2046) size 782x129 [bgcolor=#000000]
225         RenderText {TEXT} at (175,5) size 192x17
226           text run at (175,5) width 185: "This is text within the DIV. "
227           text run at (360,5) width 7: "*"
228         RenderBlock (floating) {P} at (5,5) size 170x98 [bgcolor=#C0C0C0]
229           RenderText {TEXT} at (15,15) size 123x68
230             text run at (15,15) width 57: "This is a"
231             text run at (15,32) width 83: "left-floating"
232             text run at (15,49) width 123: "paragraph (first in"
233             text run at (15,66) width 55: "source)."
234         RenderText {TEXT} at (367,5) size 576x34
235           text run at (367,5) width 384: " The floating elements within this DIV should not go any"
236           text run at (175,22) width 526: "higher than the line-box containing the inline content which precedes them. "
237           text run at (701,22) width 11: "* "
238         RenderBlock (floating) {P} at (607,39) size 170x98 [bgcolor=#C0C0C0]
239           RenderText {TEXT} at (15,15) size 127x68
240             text run at (15,15) width 57: "This is a"
241             text run at (15,32) width 93: "right-floating"
242             text run at (15,49) width 127: "paragraph (second"
243             text run at (15,66) width 72: "in source)."
244         RenderText {TEXT} at (712,22) size 736x102
245           text run at (712,22) width 29: "This"
246           text run at (175,39) width 419: "means that the top side of each float can be, at most, as high"
247           text run at (175,56) width 409: "as the top edge of the inline element containing the content"
248           text run at (175,73) width 367: "just before the floating elements occur in the source. "
249           text run at (542,73) width 54: "In order"
250           text run at (175,90) width 428: "to mark these points clearly, an asterisk has been inserted just"
251           text run at (5,107) width 196: "before each floated element."
252       RenderBlock {HR} at (1,2187) size 41x2 [bgcolor=#000000]
253       RenderBlock {DIV} at (1,2201) size 782x95 [bgcolor=#000000]
254         RenderText {TEXT} at (20,5) size 192x17
255           text run at (20,5) width 185: "This is text within the DIV. "
256           text run at (205,5) width 7: "*"
257         RenderImage {IMG} at (5,5) size 15x36
258         RenderText {TEXT} at (212,5) size 735x34
259           text run at (212,5) width 543: " The floating images within this DIV should not go any higher than the line-box"
260           text run at (20,22) width 354: "containing the inline content which precedes them. "
261           text run at (374,22) width 11: "* "
262         RenderImage {IMG} at (762,22) size 15x36
263         RenderText {TEXT} at (385,22) size 736x68
264           text run at (385,22) width 354: "This means that the top side of each float can be, at"
265           text run at (20,39) width 721: "most, as high as the top edge of the inline element containing the content just before the floating images"
266           text run at (5,56) width 140: "occur in the source. "
267           text run at (145,56) width 570: "In order to mark these points clearly, an asterisk has been inserted just before each"
268           text run at (5,73) width 99: "floated image."
269       RenderBlock {HR} at (21,2317) size 590x2 [bgcolor=#000000]
270       RenderBlock {DIV} at (1,2340) size 782x248 [bgcolor=#000000]
271         RenderText {TEXT} at (175,5) size 192x17
272           text run at (175,5) width 185: "This is text within the DIV. "
273           text run at (360,5) width 7: "*"
274         RenderBlock (floating) {P} at (5,5) size 170x98 [bgcolor=#C0C0C0]
275           RenderText {TEXT} at (15,15) size 123x68
276             text run at (15,15) width 57: "This is a"
277             text run at (15,32) width 83: "left-floating"
278             text run at (15,49) width 123: "paragraph (first in"
279             text run at (15,66) width 55: "source)."
280         RenderText {TEXT} at (367,5) size 576x34
281           text run at (367,5) width 384: " The floating elements within this DIV should not go any"
282           text run at (175,22) width 526: "higher than the line-box containing the inline content which precedes them. "
283           text run at (701,22) width 11: "* "
284         RenderBlock (floating) {P} at (607,39) size 170x98 [bgcolor=#C0C0C0]
285           RenderText {TEXT} at (15,15) size 127x68
286             text run at (15,15) width 57: "This is a"
287             text run at (15,32) width 93: "right-floating"
288             text run at (15,49) width 127: "paragraph (second"
289             text run at (15,66) width 72: "in source)."
290         RenderText {TEXT} at (712,22) size 566x34
291           text run at (712,22) width 29: "This"
292           text run at (175,39) width 311: "means that the top side of each float can be,*"
293         RenderBlock (floating) {P} at (175,56) size 170x98 [bgcolor=#C0C0C0]
294           RenderText {TEXT} at (15,15) size 129x68
295             text run at (15,15) width 57: "This is a"
296             text run at (15,32) width 83: "left-floating"
297             text run at (15,49) width 129: "paragraph (third in"
298             text run at (15,66) width 55: "source)."
299         RenderText {TEXT} at (486,39) size 259x85
300           text run at (486,39) width 115: " at most, as high"
301           text run at (345,56) width 251: "as the top edge of the inline element"
302           text run at (345,73) width 258: "containing the content just before the"
303           text run at (345,90) width 259: "floating elements occur in the source."
304           text run at (515,107) width 7: "*"
305         RenderBlock (floating) {P} at (345,107) size 170x98 [bgcolor=#C0C0C0]
306           RenderText {TEXT} at (15,15) size 138x68
307             text run at (15,15) width 57: "This is a"
308             text run at (15,32) width 83: "left-floating"
309             text run at (15,49) width 138: "paragraph (fourth in"
310             text run at (15,66) width 55: "source)."
311         RenderText {TEXT} at (522,107) size 750x136
312           text run at (522,107) width 76: " In order to"
313           text run at (515,124) width 76: "mark these"
314           text run at (515,141) width 240: "points clearly, an asterisk has been"
315           text run at (515,158) width 222: "inserted just before each floated"
316           text run at (515,175) width 64: "element. "
317           text run at (579,175) width 155: "If a line has room for a"
318           text run at (515,192) width 232: "floated element, then the element"
319           text run at (5,209) width 654: "should float so that its top is aligned with the top of the line-box in which the asterisk appears. "
320           text run at (659,209) width 95: "Otherwise, its"
321           text run at (5,226) width 344: "top should align with the top of the next line-box."
322       RenderBlock {HR} at (1,2600) size 41x2 [bgcolor=#000000]
323       RenderBlock {DIV} at (1,2614) size 782x129 [bgcolor=#000000]
324         RenderText {TEXT} at (20,5) size 192x17
325           text run at (20,5) width 185: "This is text within the DIV. "
326           text run at (205,5) width 7: "*"
327         RenderImage {IMG} at (5,5) size 15x36
328         RenderText {TEXT} at (212,5) size 720x34
329           text run at (212,5) width 543: " The floating images within this DIV should not go any higher than the line-box"
330           text run at (35,22) width 354: "containing the inline content which precedes them. "
331           text run at (389,22) width 11: "* "
332         RenderImage {IMG} at (762,22) size 15x36
333         RenderText {TEXT} at (400,22) size 348x17
334           text run at (400,22) width 341: "This means that the top side of each float can be, "
335           text run at (741,22) width 7: "*"
336         RenderImage {IMG} at (20,22) size 15x36
337         RenderText {TEXT} at (35,39) size 685x34
338           text run at (35,39) width 685: "at most, as high as the top edge of the inline element containing the content just before the floating"
339           text run at (50,56) width 193: "images occur in the source. "
340           text run at (243,56) width 7: "*"
341         RenderImage {IMG} at (35,56) size 15x36
342         RenderText {TEXT} at (250,56) size 754x68
343           text run at (250,56) width 490: " In order to mark these points clearly, an asterisk has been inserted just"
344           text run at (50,73) width 187: "before each floated image. "
345           text run at (237,73) width 522: "If a line has room for a floated image, then the image should float so that its"
346           text run at (50,90) width 497: "top is aligned with the top of the line-box in which the asterisk appears. "
347           text run at (547,90) width 210: "Otherwise, its top should align"
348           text run at (5,107) width 229: "with the top of the next line-box."
349       RenderBlock {HR} at (21,2764) size 590x2 [bgcolor=#000000]
350       RenderBlock {DIV} at (1,2787) size 430x350 [bgcolor=#000000]
351         RenderText {TEXT} at (175,5) size 56x17
352           text run at (175,5) width 56: "This is *"
353         RenderBlock (floating) {P} at (5,5) size 170x98 [bgcolor=#C0C0C0]
354           RenderText {TEXT} at (15,15) size 123x68
355             text run at (15,15) width 57: "This is a"
356             text run at (15,32) width 83: "left-floating"
357             text run at (15,49) width 123: "paragraph (first in"
358             text run at (15,66) width 55: "source)."
359         RenderText {TEXT} at (231,5) size 11x17
360           text run at (231,5) width 11: " *"
361         RenderBlock (floating) {P} at (255,5) size 170x98 [bgcolor=#C0C0C0]
362           RenderText {TEXT} at (15,15) size 127x68
363             text run at (15,15) width 57: "This is a"
364             text run at (15,32) width 93: "right-floating"
365             text run at (15,49) width 127: "paragraph (second"
366             text run at (15,66) width 72: "in source)."
367         RenderText {TEXT} at (175,22) size 414x323
368           text run at (175,22) width 73: "text within"
369           text run at (175,39) width 59: "the DIV. "
370           text run at (175,56) width 41: "Under"
371           text run at (175,73) width 65: "CSS1, the"
372           text run at (175,90) width 80: "left floating"
373           text run at (5,107) width 414: "element should be placed in the upper left corner of the DIV,"
374           text run at (5,124) width 376: "and the purple border of the DIV should abut the green"
375           text run at (5,141) width 215: "border of the floating element. "
376           text run at (220,141) width 183: "Similarly, the right floating"
377           text run at (5,158) width 391: "element should be placed in the upper right corner of the"
378           text run at (5,175) width 409: "DIV, and the purple border of the DIV should abut the green"
379           text run at (5,192) width 403: "border of the floating element. The text of the DIV element"
380           text run at (5,209) width 397: "should flow between and under the two floating elements."
381           text run at (5,226) width 407: "The two asterisk characters mark the insertion points of the"
382           text run at (5,243) width 347: "floating elements. It is expected that, under future"
383           text run at (5,260) width 390: "specifications, it may be acceptable for the top of floated"
384           text run at (5,277) width 404: "elements to align with the top of the line-box following the"
385           text run at (5,294) width 371: "insertion point of the floated element to avoid floating"
386           text run at (5,311) width 381: "elements appearing before text which precedes it in the"
387           text run at (5,328) width 124: "source document."
388       RenderBlock {HR} at (1,3149) size 41x2 [bgcolor=#000000]
389       RenderBlock {DIV} at (1,3163) size 430x265 [bgcolor=#000000]
390         RenderText {TEXT} at (20,5) size 56x17
391           text run at (20,5) width 56: "This is *"
392         RenderImage {IMG} at (5,5) size 15x36
393         RenderText {TEXT} at (76,5) size 11x17
394           text run at (76,5) width 11: " *"
395         RenderImage {IMG} at (410,5) size 15x36
396         RenderText {TEXT} at (87,5) size 414x255
397           text run at (87,5) width 140: " text within the DIV. "
398           text run at (227,5) width 137: "Under CSS1, the left"
399           text run at (20,22) width 381: "floating image should be placed in the upper left corner"
400           text run at (20,39) width 384: "of the DIV, and the purple border of the DIV should abut"
401           text run at (5,56) width 271: "the green border of the floating image. "
402           text run at (276,56) width 126: "Similarly, the right"
403           text run at (5,73) width 409: "floating image should be placed in the upper right corner of"
404           text run at (5,90) width 392: "the DIV, and the purple border of the DIV should abut the"
405           text run at (5,107) width 374: "green border of the floating image. The text of the DIV"
406           text run at (5,124) width 385: "element should flow between and under the two floating"
407           text run at (5,141) width 414: "image. The two asterisk characters mark the insertion points"
408           text run at (5,158) width 152: "of the floating image. "
409           text run at (157,158) width 219: "It is expected that, under future"
410           text run at (5,175) width 390: "specifications, it may be acceptable for the top of floated"
411           text run at (5,192) width 404: "elements to align with the top of the line-box following the"
412           text run at (5,209) width 371: "insertion point of the floated element to avoid floating"
413           text run at (5,226) width 381: "elements appearing before text which precedes it in the"
414           text run at (5,243) width 124: "source document."
415       RenderBlock {HR} at (21,3449) size 590x2 [bgcolor=#000000]
416       RenderTable {TABLE} at (0,3472) size 784x3323 [bgcolor=#000000]
417         RenderTableSection {TBODY} at (1,1) size 0x3321
418           RenderTableRow {TR} at (0,0) size 0x0
419             RenderTableCell {TD} at (0,0) size 782x25 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
420               RenderInline {STRONG} at (0,0) size 164x17 [bgcolor=#000000]
421                 RenderText {TEXT} at (4,4) size 164x17
422                   text run at (4,4) width 164: "TABLE Testing Section"
423           RenderTableRow {TR} at (0,0) size 0x0
424             RenderTableCell {TD} at (0,1660) size 12x25 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
425               RenderText {TEXT} at (4,4) size 4x17
426                 text run at (4,4) width 4: "\x{A0}"
427             RenderTableCell {TD} at (12,25) size 770x3296 [r=1 c=1 rs=1 cs=1]
428               RenderBlock {P} at (4,4) size 762x51
429                 RenderText {TEXT} at (0,0) size 758x51
430                   text run at (0,0) width 752: "On this test page, each test is performed once with floating paragraphs, and then again with floating images. "
431                   text run at (0,17) width 758: "Other than the substitution of images for pargraphs, the structure of the test is exactly the same, including the"
432                   text run at (0,34) width 152: "direction of the floats."
433               RenderBlock {HR} at (25,76) size 573x2
434               RenderBlock {DIV} at (5,99) size 760x95
435                 RenderBlock (floating) {P} at (5,5) size 170x98 [bgcolor=#C0C0C0]
436                   RenderText {TEXT} at (15,15) size 123x68
437                     text run at (15,15) width 57: "This is a"
438                     text run at (15,32) width 83: "left-floating"
439                     text run at (15,49) width 123: "paragraph (first in"
440                     text run at (15,66) width 55: "source)."
441                 RenderText {TEXT} at (0,0) size 0x0
442                 RenderBlock (floating) {P} at (585,5) size 170x98 [bgcolor=#C0C0C0]
443                   RenderText {TEXT} at (15,15) size 127x68
444                     text run at (15,15) width 57: "This is a"
445                     text run at (15,32) width 93: "right-floating"
446                     text run at (15,49) width 127: "paragraph (second"
447                     text run at (15,66) width 72: "in source)."
448                 RenderText {TEXT} at (175,5) size 410x85
449                   text run at (175,5) width 185: "This is text within the DIV. "
450                   text run at (360,5) width 225: "The floating elements within this"
451                   text run at (175,22) width 382: "DIV should not go beyond the left or right inner edge of"
452                   text run at (175,39) width 367: "this DIV, which means that the borders of the floating"
453                   text run at (175,56) width 398: "elements should not overlap the top or side borders of the"
454                   text run at (175,73) width 29: "DIV."
455               RenderBlock {HR} at (5,206) size 40x2
456               RenderBlock {DIV} at (5,220) size 760x61
457                 RenderImage {IMG} at (5,5) size 15x36
458                 RenderText {TEXT} at (0,0) size 0x0
459                 RenderImage {IMG} at (740,5) size 15x36
460                 RenderText {TEXT} at (20,5) size 718x51
461                   text run at (20,5) width 185: "This is text within the DIV. "
462                   text run at (205,5) width 503: "The floating images within this DIV should not go beyond the left or right"
463                   text run at (20,22) width 718: "inner edge of this DIV, which means that the borders of the floating images should not overlap the top or"
464                   text run at (20,39) width 162: "side borders of the DIV."
465               RenderBlock {HR} at (25,302) size 573x2
466               RenderBlock {DIV} at (5,325) size 388x261
467                 RenderBlock (floating) {P} at (5,5) size 170x81 [bgcolor=#C0C0C0]
468                   RenderText {TEXT} at (15,15) size 103x51
469                     text run at (15,15) width 103: "This is the first"
470                     text run at (15,32) width 83: "left-floating"
471                     text run at (15,49) width 75: "paragraph."
472                 RenderText {TEXT} at (0,0) size 0x0
473                 RenderBlock (floating) {P} at (175,5) size 170x81 [bgcolor=#C0C0C0]
474                   RenderText {TEXT} at (15,15) size 124x51
475                     text run at (15,15) width 124: "This is the second"
476                     text run at (15,32) width 83: "left-floating"
477                     text run at (15,49) width 75: "paragraph."
478                 RenderText {TEXT} at (0,0) size 0x0
479                 RenderBlock (floating) {P} at (5,86) size 170x81 [bgcolor=#C0C0C0]
480                   RenderText {TEXT} at (15,15) size 108x51
481                     text run at (15,15) width 108: "This is the third"
482                     text run at (15,32) width 83: "left-floating"
483                     text run at (15,49) width 75: "paragraph."
484                 RenderText {TEXT} at (345,5) size 377x251
485                   text run at (345,5) width 29: "This"
486                   text run at (345,22) width 12: "is"
487                   text run at (345,39) width 27: "text"
488                   text run at (175,86) width 105: "within the DIV. "
489                   text run at (280,86) width 83: "The floating"
490                   text run at (175,103) width 166: "elements within this DIV"
491                   text run at (175,120) width 203: "should not go beyond the left"
492                   text run at (175,137) width 177: "or right inner edge of this"
493                   text run at (175,154) width 179: "DIV, which means that the"
494                   text run at (5,171) width 377: "borders of the floating elements should not overlap the"
495                   text run at (5,188) width 287: "top or side borders of the DIV in any way. "
496                   text run at (292,188) width 78: "In addition,"
497                   text run at (5,205) width 247: "they should not overlap each other. "
498                   text run at (252,205) width 87: "The first two"
499                   text run at (5,222) width 373: "should be side by side, whereas the third should be on"
500                   text run at (5,239) width 102: "the next \"line.\""
501               RenderBlock {HR} at (5,598) size 40x2
502               RenderBlock {DIV} at (5,612) size 360x214
503                 RenderImage {IMG} at (5,5) size 156x36
504                 RenderText {TEXT} at (0,0) size 0x0
505                 RenderImage {IMG} at (161,5) size 156x36
506                 RenderText {TEXT} at (0,0) size 0x0
507                 RenderImage {IMG} at (5,41) size 156x36
508                 RenderText {TEXT} at (317,5) size 350x204
509                   text run at (317,5) width 29: "This"
510                   text run at (317,22) width 12: "is"
511                   text run at (317,39) width 27: "text"
512                   text run at (161,56) width 105: "within the DIV. "
513                   text run at (266,56) width 83: "The floating"
514                   text run at (161,73) width 153: "images within this DIV"
515                   text run at (5,90) width 336: "should not go beyond the left or right inner edge"
516                   text run at (5,107) width 328: "of this DIV, which means that the borders of the"
517                   text run at (5,124) width 341: "floating images should not overlap the top or side"
518                   text run at (5,141) width 209: "borders of the DIV in any way. "
519                   text run at (214,141) width 112: "In addition, they"
520                   text run at (5,158) width 213: "should not overlap each other. "
521                   text run at (218,158) width 137: "The first two should"
522                   text run at (5,175) width 349: "be side by side, whereas the third should be on the"
523                   text run at (5,192) width 76: "next \"line.\""
524               RenderBlock {HR} at (25,847) size 573x2
525               RenderBlock {DIV} at (5,870) size 276x418
526                 RenderBlock (floating) {P} at (5,5) size 170x98 [bgcolor=#C0C0C0]
527                   RenderText {TEXT} at (15,15) size 123x68
528                     text run at (15,15) width 57: "This is a"
529                     text run at (15,32) width 83: "left-floating"
530                     text run at (15,49) width 123: "paragraph (first in"
531                     text run at (15,66) width 55: "source)."
532                 RenderText {TEXT} at (0,0) size 0x0
533                 RenderBlock (floating) {P} at (101,103) size 170x98 [bgcolor=#C0C0C0]
534                   RenderText {TEXT} at (15,15) size 127x68
535                     text run at (15,15) width 57: "This is a"
536                     text run at (15,32) width 93: "right-floating"
537                     text run at (15,49) width 127: "paragraph (second"
538                     text run at (15,66) width 72: "in source)."
539                 RenderText {TEXT} at (175,5) size 255x408
540                   text run at (175,5) width 76: "This is text"
541                   text run at (175,22) width 68: "within the"
542                   text run at (175,39) width 33: "DIV. "
543                   text run at (208,39) width 26: "The"
544                   text run at (175,56) width 53: "floating"
545                   text run at (175,73) width 62: "elements"
546                   text run at (175,90) width 72: "within this"
547                   text run at (5,107) width 74: "DIV should"
548                   text run at (5,124) width 45: "not go"
549                   text run at (5,141) width 77: "beyond the"
550                   text run at (5,158) width 79: "left or right"
551                   text run at (5,175) width 91: "inner edge of"
552                   text run at (5,192) width 59: "this DIV,"
553                   text run at (5,209) width 247: "which means that the borders of the"
554                   text run at (5,226) width 250: "floating elements should not overlap"
555                   text run at (5,243) width 246: "the top or side borders of the DIV in"
556                   text run at (5,260) width 63: "any way. "
557                   text run at (68,260) width 189: "In addition, they should not"
558                   text run at (5,277) width 235: "overlap each other in any way, nor"
559                   text run at (5,294) width 211: "should the floated elements be"
560                   text run at (5,311) width 192: "overwritten by the DIV text. "
561                   text run at (197,311) width 13: "In"
562                   text run at (5,328) width 255: "addition, the floated elements should"
563                   text run at (5,345) width 248: "not be side-by-side, but instead the"
564                   text run at (5,362) width 239: "first should be floated left, and the"
565                   text run at (5,379) width 253: "second floated to the right below the"
566                   text run at (5,396) width 33: "first."
567               RenderBlock {HR} at (5,1300) size 40x2
568               RenderBlock {DIV} at (5,1314) size 410x231
569                 RenderImage {IMG} at (5,5) size 256x36
570                 RenderText {TEXT} at (0,0) size 0x0
571                 RenderImage {IMG} at (149,41) size 256x36
572                 RenderText {TEXT} at (261,5) size 398x221
573                   text run at (261,5) width 122: "This is text within"
574                   text run at (261,22) width 59: "the DIV. "
575                   text run at (320,22) width 83: "The floating"
576                   text run at (261,39) width 125: "images within this"
577                   text run at (5,56) width 123: "DIV should not go"
578                   text run at (5,73) width 123: "beyond the left or"
579                   text run at (5,90) width 398: "right inner edge of this DIV, which means that the borders"
580                   text run at (5,107) width 385: "of the floating images should not overlap the top or side"
581                   text run at (5,124) width 209: "borders of the DIV in any way. "
582                   text run at (214,124) width 189: "In addition, they should not"
583                   text run at (5,141) width 363: "overlap each other in any way, nor should the floated"
584                   text run at (5,158) width 279: "elements be overwritten by the DIV text. "
585                   text run at (284,158) width 104: "In addition, the"
586                   text run at (5,175) width 377: "floated images should not be side-by-side, but instead"
587                   text run at (5,192) width 388: "the first should be floated left, and the second floated to"
588                   text run at (5,209) width 167: "the right below the first."
589               RenderBlock {HR} at (25,1566) size 573x2
590               RenderBlock {DIV} at (5,1589) size 760x112
591                 RenderBlock (floating) {P} at (585,5) size 170x98 [bgcolor=#C0C0C0]
592                   RenderText {TEXT} at (15,15) size 123x68
593                     text run at (15,15) width 57: "This is a"
594                     text run at (15,32) width 93: "right-floating"
595                     text run at (15,49) width 123: "paragraph (first in"
596                     text run at (15,66) width 55: "source)."
597                 RenderText {TEXT} at (0,0) size 0x0
598                 RenderBlock (floating) {P} at (5,5) size 170x98 [bgcolor=#C0C0C0]
599                   RenderText {TEXT} at (15,15) size 127x68
600                     text run at (15,15) width 57: "This is a"
601                     text run at (15,32) width 83: "left-floating"
602                     text run at (15,49) width 127: "paragraph (second"
603                     text run at (15,66) width 72: "in source)."
604                 RenderText {TEXT} at (175,5) size 410x102
605                   text run at (175,5) width 185: "This is text within the DIV. "
606                   text run at (360,5) width 225: "The floating elements within this"
607                   text run at (175,22) width 388: "DIV should not go beyond the top side of this DIV, which"
608                   text run at (175,39) width 403: "means that the borders of the floating elements should not"
609                   text run at (175,56) width 367: "overlap the top or side borders of the DIV in any way. "
610                   text run at (542,56) width 13: "In"
611                   text run at (175,73) width 373: "addition, the top of the left-floating box should not be"
612                   text run at (175,90) width 308: "higher than the top of the right-floating box."
613               RenderBlock {HR} at (5,1713) size 40x2
614               RenderBlock {DIV} at (5,1727) size 760x78
615                 RenderImage {IMG} at (5,5) size 15x36
616                 RenderText {TEXT} at (0,0) size 0x0
617                 RenderImage {IMG} at (740,5) size 15x36
618                 RenderText {TEXT} at (20,5) size 735x68
619                   text run at (20,5) width 185: "This is text within the DIV. "
620                   text run at (205,5) width 527: "The floating images within this DIV should not go beyond the top side of this"
621                   text run at (20,22) width 700: "DIV, which means that the borders of the floating images should not overlap the top or side borders of"
622                   text run at (20,39) width 134: "the DIV in any way. "
623                   text run at (154,39) width 586: "In addition, the top of the left-floating image should not be higher than the top of the"
624                   text run at (5,56) width 144: "right-floating image."
625               RenderBlock {HR} at (25,1826) size 573x2
626               RenderBlock {DIV} at (5,1849) size 760x129
627                 RenderText {TEXT} at (175,5) size 192x17
628                   text run at (175,5) width 185: "This is text within the DIV. "
629                   text run at (360,5) width 7: "*"
630                 RenderBlock (floating) {P} at (5,5) size 170x98 [bgcolor=#C0C0C0]
631                   RenderText {TEXT} at (15,15) size 123x68
632                     text run at (15,15) width 57: "This is a"
633                     text run at (15,32) width 83: "left-floating"
634                     text run at (15,49) width 123: "paragraph (first in"
635                     text run at (15,66) width 55: "source)."
636                 RenderText {TEXT} at (367,5) size 576x34
637                   text run at (367,5) width 384: " The floating elements within this DIV should not go any"
638                   text run at (175,22) width 526: "higher than the line-box containing the inline content which precedes them. "
639                   text run at (701,22) width 11: "* "
640                 RenderBlock (floating) {P} at (585,39) size 170x98 [bgcolor=#C0C0C0]
641                   RenderText {TEXT} at (15,15) size 127x68
642                     text run at (15,15) width 57: "This is a"
643                     text run at (15,32) width 93: "right-floating"
644                     text run at (15,49) width 127: "paragraph (second"
645                     text run at (15,66) width 72: "in source)."
646                 RenderText {TEXT} at (712,22) size 736x102
647                   text run at (712,22) width 29: "This"
648                   text run at (175,39) width 384: "means that the top side of each float can be, at most, as"
649                   text run at (175,56) width 388: "high as the top edge of the inline element containing the"
650                   text run at (175,73) width 364: "content just before the floating elements occur in the"
651                   text run at (175,90) width 55: "source. "
652                   text run at (230,90) width 330: "In order to mark these points clearly, an asterisk"
653                   text run at (5,107) width 352: "has been inserted just before each floated element."
654               RenderBlock {HR} at (5,1990) size 40x2
655               RenderBlock {DIV} at (5,2004) size 760x95
656                 RenderText {TEXT} at (20,5) size 192x17
657                   text run at (20,5) width 185: "This is text within the DIV. "
658                   text run at (205,5) width 7: "*"
659                 RenderImage {IMG} at (5,5) size 15x36
660                 RenderText {TEXT} at (212,5) size 735x34
661                   text run at (212,5) width 543: " The floating images within this DIV should not go any higher than the line-box"
662                   text run at (20,22) width 354: "containing the inline content which precedes them. "
663                   text run at (374,22) width 11: "* "
664                 RenderImage {IMG} at (740,22) size 15x36
665                 RenderText {TEXT} at (385,22) size 734x68
666                   text run at (385,22) width 354: "This means that the top side of each float can be, at"
667                   text run at (20,39) width 668: "most, as high as the top edge of the inline element containing the content just before the floating"
668                   text run at (5,56) width 193: "images occur in the source. "
669                   text run at (198,56) width 534: "In order to mark these points clearly, an asterisk has been inserted just before"
670                   text run at (5,73) width 135: "each floated image."
671               RenderBlock {HR} at (25,2120) size 573x2
672               RenderBlock {DIV} at (5,2143) size 760x265
673                 RenderText {TEXT} at (175,5) size 192x17
674                   text run at (175,5) width 185: "This is text within the DIV. "
675                   text run at (360,5) width 7: "*"
676                 RenderBlock (floating) {P} at (5,5) size 170x98 [bgcolor=#C0C0C0]
677                   RenderText {TEXT} at (15,15) size 123x68
678                     text run at (15,15) width 57: "This is a"
679                     text run at (15,32) width 83: "left-floating"
680                     text run at (15,49) width 123: "paragraph (first in"
681                     text run at (15,66) width 55: "source)."
682                 RenderText {TEXT} at (367,5) size 576x34
683                   text run at (367,5) width 384: " The floating elements within this DIV should not go any"
684                   text run at (175,22) width 526: "higher than the line-box containing the inline content which precedes them. "
685                   text run at (701,22) width 11: "* "
686                 RenderBlock (floating) {P} at (585,39) size 170x98 [bgcolor=#C0C0C0]
687                   RenderText {TEXT} at (15,15) size 127x68
688                     text run at (15,15) width 57: "This is a"
689                     text run at (15,32) width 93: "right-floating"
690                     text run at (15,49) width 127: "paragraph (second"
691                     text run at (15,66) width 72: "in source)."
692                 RenderText {TEXT} at (712,22) size 566x34
693                   text run at (712,22) width 29: "This"
694                   text run at (175,39) width 311: "means that the top side of each float can be,*"
695                 RenderBlock (floating) {P} at (175,56) size 170x98 [bgcolor=#C0C0C0]
696                   RenderText {TEXT} at (15,15) size 129x68
697                     text run at (15,15) width 57: "This is a"
698                     text run at (15,32) width 83: "left-floating"
699                     text run at (15,49) width 129: "paragraph (third in"
700                     text run at (15,66) width 55: "source)."
701                 RenderText {TEXT} at (486,39) size 227x85
702                   text run at (486,39) width 80: " at most, as"
703                   text run at (345,56) width 227: "high as the top edge of the inline"
704                   text run at (345,73) width 213: "element containing the content"
705                   text run at (345,90) width 223: "just before the floating elements"
706                   text run at (345,107) width 140: "occur in the source. "
707                   text run at (485,107) width 7: "*"
708                 RenderBlock (floating) {P} at (345,124) size 170x98 [bgcolor=#C0C0C0]
709                   RenderText {TEXT} at (15,15) size 138x68
710                     text run at (15,15) width 57: "This is a"
711                     text run at (15,32) width 83: "left-floating"
712                     text run at (15,49) width 138: "paragraph (fourth in"
713                     text run at (15,66) width 55: "source)."
714                 RenderText {TEXT} at (492,107) size 749x153
715                   text run at (492,107) width 76: " In order to"
716                   text run at (515,124) width 35: "mark"
717                   text run at (515,141) width 215: "these points clearly, an asterisk"
718                   text run at (515,158) width 236: "has been inserted just before each"
719                   text run at (515,175) width 116: "floated element. "
720                   text run at (631,175) width 119: "If a line has room"
721                   text run at (515,192) width 209: "for a floated element, then the"
722                   text run at (515,209) width 239: "element should float so that its top"
723                   text run at (5,226) width 470: "is aligned with the top of the line-box in which the asterisk appears. "
724                   text run at (475,226) width 269: "Otherwise, its top should align with the"
725                   text run at (5,243) width 170: "top of the next line-box."
726               RenderBlock {HR} at (5,2420) size 40x2
727               RenderBlock {DIV} at (5,2434) size 760x129
728                 RenderText {TEXT} at (20,5) size 192x17
729                   text run at (20,5) width 185: "This is text within the DIV. "
730                   text run at (205,5) width 7: "*"
731                 RenderImage {IMG} at (5,5) size 15x36
732                 RenderText {TEXT} at (212,5) size 735x34
733                   text run at (212,5) width 543: " The floating images within this DIV should not go any higher than the line-box"
734                   text run at (20,22) width 354: "containing the inline content which precedes them. "
735                   text run at (374,22) width 11: "* "
736                 RenderImage {IMG} at (740,22) size 15x36
737                 RenderText {TEXT} at (385,22) size 348x17
738                   text run at (385,22) width 341: "This means that the top side of each float can be, "
739                   text run at (726,22) width 7: "*"
740                 RenderImage {IMG} at (20,39) size 15x36
741                 RenderText {TEXT} at (35,39) size 685x34
742                   text run at (35,39) width 685: "at most, as high as the top edge of the inline element containing the content just before the floating"
743                   text run at (50,56) width 193: "images occur in the source. "
744                   text run at (243,56) width 7: "*"
745                 RenderImage {IMG} at (35,56) size 15x36
746                 RenderText {TEXT} at (250,56) size 735x68
747                   text run at (250,56) width 490: " In order to mark these points clearly, an asterisk has been inserted just"
748                   text run at (50,73) width 187: "before each floated image. "
749                   text run at (237,73) width 501: "If a line has room for a floated image, then the image should float so that"
750                   text run at (50,90) width 518: "its top is aligned with the top of the line-box in which the asterisk appears. "
751                   text run at (568,90) width 172: "Otherwise, its top should"
752                   text run at (5,107) width 267: "align with the top of the next line-box."
753               RenderBlock {HR} at (25,2584) size 573x2
754               RenderBlock {DIV} at (5,2607) size 430x350
755                 RenderText {TEXT} at (175,5) size 56x17
756                   text run at (175,5) width 56: "This is *"
757                 RenderBlock (floating) {P} at (5,5) size 170x98 [bgcolor=#C0C0C0]
758                   RenderText {TEXT} at (15,15) size 123x68
759                     text run at (15,15) width 57: "This is a"
760                     text run at (15,32) width 83: "left-floating"
761                     text run at (15,49) width 123: "paragraph (first in"
762                     text run at (15,66) width 55: "source)."
763                 RenderText {TEXT} at (231,5) size 11x17
764                   text run at (231,5) width 11: " *"
765                 RenderBlock (floating) {P} at (255,5) size 170x98 [bgcolor=#C0C0C0]
766                   RenderText {TEXT} at (15,15) size 127x68
767                     text run at (15,15) width 57: "This is a"
768                     text run at (15,32) width 93: "right-floating"
769                     text run at (15,49) width 127: "paragraph (second"
770                     text run at (15,66) width 72: "in source)."
771                 RenderText {TEXT} at (175,22) size 414x323
772                   text run at (175,22) width 73: "text within"
773                   text run at (175,39) width 59: "the DIV. "
774                   text run at (175,56) width 41: "Under"
775                   text run at (175,73) width 65: "CSS1, the"
776                   text run at (175,90) width 80: "left floating"
777                   text run at (5,107) width 414: "element should be placed in the upper left corner of the DIV,"
778                   text run at (5,124) width 376: "and the purple border of the DIV should abut the green"
779                   text run at (5,141) width 215: "border of the floating element. "
780                   text run at (220,141) width 183: "Similarly, the right floating"
781                   text run at (5,158) width 391: "element should be placed in the upper right corner of the"
782                   text run at (5,175) width 409: "DIV, and the purple border of the DIV should abut the green"
783                   text run at (5,192) width 403: "border of the floating element. The text of the DIV element"
784                   text run at (5,209) width 397: "should flow between and under the two floating elements."
785                   text run at (5,226) width 407: "The two asterisk characters mark the insertion points of the"
786                   text run at (5,243) width 347: "floating elements. It is expected that, under future"
787                   text run at (5,260) width 390: "specifications, it may be acceptable for the top of floated"
788                   text run at (5,277) width 404: "elements to align with the top of the line-box following the"
789                   text run at (5,294) width 371: "insertion point of the floated element to avoid floating"
790                   text run at (5,311) width 381: "elements appearing before text which precedes it in the"
791                   text run at (5,328) width 124: "source document."
792               RenderBlock {HR} at (5,2969) size 40x2
793               RenderBlock {DIV} at (5,2983) size 430x265
794                 RenderText {TEXT} at (20,5) size 56x17
795                   text run at (20,5) width 56: "This is *"
796                 RenderImage {IMG} at (5,5) size 15x36
797                 RenderText {TEXT} at (76,5) size 11x17
798                   text run at (76,5) width 11: " *"
799                 RenderImage {IMG} at (410,5) size 15x36
800                 RenderText {TEXT} at (87,5) size 414x255
801                   text run at (87,5) width 140: " text within the DIV. "
802                   text run at (227,5) width 137: "Under CSS1, the left"
803                   text run at (20,22) width 381: "floating image should be placed in the upper left corner"
804                   text run at (20,39) width 384: "of the DIV, and the purple border of the DIV should abut"
805                   text run at (5,56) width 271: "the green border of the floating image. "
806                   text run at (276,56) width 126: "Similarly, the right"
807                   text run at (5,73) width 409: "floating image should be placed in the upper right corner of"
808                   text run at (5,90) width 392: "the DIV, and the purple border of the DIV should abut the"
809                   text run at (5,107) width 374: "green border of the floating image. The text of the DIV"
810                   text run at (5,124) width 385: "element should flow between and under the two floating"
811                   text run at (5,141) width 414: "image. The two asterisk characters mark the insertion points"
812                   text run at (5,158) width 152: "of the floating image. "
813                   text run at (157,158) width 219: "It is expected that, under future"
814                   text run at (5,175) width 390: "specifications, it may be acceptable for the top of floated"
815                   text run at (5,192) width 404: "elements to align with the top of the line-box following the"
816                   text run at (5,209) width 371: "insertion point of the floated element to avoid floating"
817                   text run at (5,226) width 381: "elements appearing before text which precedes it in the"
818                   text run at (5,243) width 124: "source document."
819               RenderBlock {HR} at (25,3269) size 573x2