tizen beta release
[framework/web/webkit-efl.git] / LayoutTests / platform / efl / css1 / formatting_model / floating_elements-expected.txt
1 layer at (0,0) size 785x6547
2   RenderView at (0,0) size 785x600
3 layer at (0,0) size 785x6547
4   RenderBlock {HTML} at (0,0) size 785x6547
5     RenderBody {BODY} at (8,8) size 769x6531 [bgcolor=#CCCCCC]
6       RenderBlock {P} at (0,0) size 769x19
7         RenderText {#text} at (0,0) size 355x19
8           text run at (0,0) width 355: "The style declarations which apply to the text below are:"
9       RenderBlock {PRE} at (0,35) size 769x135
10         RenderText {#text} at (0,0) size 480x135
11           text run at (0,0) width 272: "HR.minor {clear: both; width: 5%;}"
12           text run at (272,0) width 0: " "
13           text run at (0,15) width 400: "HR.major {clear: both; width: 75%; margin: 1.5em;}"
14           text run at (400,15) width 0: " "
15           text run at (0,30) width 480: "DIV {border: 5px solid purple; padding: 0; margin: 0.125em;}"
16           text run at (480,30) width 0: " "
17           text run at (0,45) width 432: "P.left, P.right {width: 10em; padding: 1em; margin: 0;"
18           text run at (432,45) width 0: " "
19           text run at (0,60) width 424: "   border: 1px solid lime; background-color: silver;}"
20           text run at (424,60) width 0: " "
21           text run at (0,75) width 456: "IMG.left, IMG.right {margin: 0; border: 3px solid black;}"
22           text run at (456,75) width 0: " "
23           text run at (0,90) width 160: ".left {float: left;}"
24           text run at (160,90) width 0: " "
25           text run at (0,105) width 176: ".right {float: right;}"
26           text run at (176,105) width 0: " "
27           text run at (0,120) width 0: " "
28       RenderBlock {HR} at (0,183) size 769x2 [border: (1px inset #000000)]
29       RenderBlock {P} at (0,201) size 769x38
30         RenderText {#text} at (0,0) size 751x38
31           text run at (0,0) width 681: "On this test page, each test is performed once with floating paragraphs, and then again with floating images. "
32           text run at (681,0) width 67: "Other than"
33           text run at (0,19) width 751: "the substitution of images for pargraphs, the structure of the test is exactly the same, including the direction of the floats."
34       RenderBlock {HR} at (24,263) size 578x2 [border: (1px inset #000000)]
35       RenderBlock {DIV} at (2,289) size 765x105 [border: (5px solid #800080)]
36         RenderBlock (floating) {P} at (5,5) size 194x91 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
37           RenderText {#text} at (17,17) size 130x57
38             text run at (17,17) width 130: "This is a left-floating"
39             text run at (17,36) width 112: "paragraph (first in"
40             text run at (17,55) width 50: "source)."
41         RenderBlock (floating) {P} at (566,5) size 194x91 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
42           RenderText {#text} at (17,17) size 139x57
43             text run at (17,17) width 139: "This is a right-floating"
44             text run at (17,36) width 132: "paragraph (second in"
45             text run at (17,55) width 50: "source)."
46         RenderText {#text} at (199,5) size 363x95
47           text run at (199,5) width 177: "This is text within the DIV. "
48           text run at (376,5) width 180: "The floating elements within"
49           text run at (199,24) width 363: "this DIV should not go beyond the left or right inner edge"
50           text run at (199,43) width 356: "of this DIV, which means that the borders of the floating"
51           text run at (199,62) width 360: "elements should not overlap the top or side borders of the"
52           text run at (199,81) width 33: "DIV."
53       RenderBlock {HR} at (364,402) size 40x2 [border: (1px inset #000000)]
54       RenderBlock {DIV} at (2,412) size 765x67 [border: (5px solid #800080)]
55         RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #000000)]
56         RenderImage {IMG} at (745,5) size 15x36 [border: (3px solid #000000)]
57         RenderText {#text} at (20,5) size 728x57
58           text run at (20,5) width 177: "This is text within the DIV. "
59           text run at (197,5) width 536: "The floating images within this DIV should not go beyond the left or right inner edge"
60           text run at (20,24) width 709: "of this DIV, which means that the borders of the floating images should not overlap the top or side borders of the"
61           text run at (5,43) width 33: "DIV."
62       RenderBlock {HR} at (24,503) size 578x2 [border: (1px inset #000000)]
63       RenderBlock {DIV} at (2,529) size 442x238 [border: (5px solid #800080)]
64         RenderBlock (floating) {P} at (5,5) size 194x72 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
65           RenderText {#text} at (17,17) size 122x38
66             text run at (17,17) width 122: "This is the first left-"
67             text run at (17,36) width 119: "floating paragraph."
68         RenderBlock (floating) {P} at (199,5) size 194x72 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
69           RenderText {#text} at (17,17) size 142x38
70             text run at (17,17) width 142: "This is the second left-"
71             text run at (17,36) width 119: "floating paragraph."
72         RenderBlock (floating) {P} at (5,77) size 194x72 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
73           RenderText {#text} at (17,17) size 127x38
74             text run at (17,17) width 127: "This is the third left-"
75             text run at (17,36) width 119: "floating paragraph."
76         RenderText {#text} at (393,5) size 430x228
77           text run at (393,5) width 42: "This is"
78           text run at (393,24) width 23: "text"
79           text run at (393,43) width 40: "within"
80           text run at (393,62) width 19: "the"
81           text run at (199,81) width 37: "DIV. "
82           text run at (236,81) width 180: "The floating elements within"
83           text run at (199,100) width 219: "this DIV should not go beyond the"
84           text run at (199,119) width 220: "left or right inner edge of this DIV,"
85           text run at (199,138) width 224: "which means that the borders of the"
86           text run at (5,157) width 412: "floating elements should not overlap the top or side borders of the"
87           text run at (5,176) width 111: "DIV in any way. "
88           text run at (116,176) width 297: "In addition, they should not overlap each other."
89           text run at (5,195) width 425: "The first two should be side by side, whereas the third should be on"
90           text run at (5,214) width 95: "the next \"line.\""
91       RenderBlock {HR} at (364,775) size 40x2 [border: (1px inset #000000)]
92       RenderBlock {DIV} at (2,785) size 360x200 [border: (5px solid #800080)]
93         RenderImage {IMG} at (5,5) size 156x36 [border: (3px solid #000000)]
94         RenderImage {IMG} at (161,5) size 156x36 [border: (3px solid #000000)]
95         RenderImage {IMG} at (5,41) size 156x36 [border: (3px solid #000000)]
96         RenderText {#text} at (317,5) size 350x190
97           text run at (317,5) width 28: "This"
98           text run at (317,24) width 37: "is text"
99           text run at (161,43) width 104: "within the DIV. "
100           text run at (265,43) width 77: "The floating"
101           text run at (161,62) width 193: "images within this DIV should"
102           text run at (5,81) width 338: "not go beyond the left or right inner edge of this DIV,"
103           text run at (5,100) width 324: "which means that the borders of the floating images"
104           text run at (5,119) width 350: "should not overlap the top or side borders of the DIV in"
105           text run at (5,138) width 62: "any way. "
106           text run at (67,138) width 257: "In addition, they should not overlap each"
107           text run at (5,157) width 40: "other. "
108           text run at (45,157) width 307: "The first two should be side by side, whereas the"
109           text run at (5,176) width 213: "third should be on the next \"line.\""
110       RenderBlock {HR} at (24,1009) size 578x2 [border: (1px inset #000000)]
111       RenderBlock {DIV} at (2,1035) size 314x371 [border: (5px solid #800080)]
112         RenderBlock (floating) {P} at (5,5) size 194x91 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
113           RenderText {#text} at (17,17) size 130x57
114             text run at (17,17) width 130: "This is a left-floating"
115             text run at (17,36) width 112: "paragraph (first in"
116             text run at (17,55) width 50: "source)."
117         RenderBlock (floating) {P} at (115,96) size 194x91 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
118           RenderText {#text} at (17,17) size 139x57
119             text run at (17,17) width 139: "This is a right-floating"
120             text run at (17,36) width 132: "paragraph (second in"
121             text run at (17,55) width 50: "source)."
122         RenderText {#text} at (199,5) size 295x361
123           text run at (199,5) width 69: "This is text"
124           text run at (199,24) width 100: "within the DIV."
125           text run at (199,43) width 77: "The floating"
126           text run at (199,62) width 99: "elements within"
127           text run at (199,81) width 101: "this DIV should"
128           text run at (5,100) width 91: "not go beyond"
129           text run at (5,119) width 93: "the left or right"
130           text run at (5,138) width 109: "inner edge of this"
131           text run at (5,157) width 76: "DIV, which"
132           text run at (5,176) width 90: "means that the"
133           text run at (5,195) width 268: "borders of the floating elements should not"
134           text run at (5,214) width 280: "overlap the top or side borders of the DIV in"
135           text run at (5,233) width 62: "any way. "
136           text run at (67,233) width 224: "In addition, they should not overlap"
137           text run at (5,252) width 284: "each other in any way, nor should the floated"
138           text run at (5,271) width 261: "elements be overwritten by the DIV text. "
139           text run at (266,271) width 13: "In"
140           text run at (5,290) width 273: "addition, the floated elements should not be"
141           text run at (5,309) width 268: "side-by-side, but instead the first should be"
142           text run at (5,328) width 288: "floated left, and the second floated to the right"
143           text run at (5,347) width 94: "below the first."
144       RenderBlock {HR} at (364,1414) size 40x2 [border: (1px inset #000000)]
145       RenderBlock {DIV} at (2,1424) size 410x238 [border: (5px solid #800080)]
146         RenderImage {IMG} at (5,5) size 256x36 [border: (3px solid #000000)]
147         RenderImage {IMG} at (149,41) size 256x36 [border: (3px solid #000000)]
148         RenderText {#text} at (261,5) size 392x228
149           text run at (261,5) width 136: "This is text within the"
150           text run at (261,24) width 37: "DIV. "
151           text run at (298,24) width 77: "The floating"
152           text run at (5,43) width 114: "images within this"
153           text run at (5,62) width 119: "DIV should not go"
154           text run at (5,81) width 381: "beyond the left or right inner edge of this DIV, which means"
155           text run at (5,100) width 381: "that the borders of the floating images should not overlap the"
156           text run at (5,119) width 272: "top or side borders of the DIV in any way. "
157           text run at (277,119) width 103: "In addition, they"
158           text run at (5,138) width 358: "should not overlap each other in any way, nor should the"
159           text run at (5,157) width 308: "floated elements be overwritten by the DIV text. "
160           text run at (313,157) width 72: "In addition,"
161           text run at (5,176) width 382: "the floated images should not be side-by-side, but instead the"
162           text run at (5,195) width 381: "first should be floated left, and the second floated to the right"
163           text run at (5,214) width 94: "below the first."
164       RenderBlock {HR} at (24,1686) size 578x2 [border: (1px inset #000000)]
165       RenderBlock {DIV} at (2,1712) size 765x124 [border: (5px solid #800080)]
166         RenderBlock (floating) {P} at (566,5) size 194x91 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
167           RenderText {#text} at (17,17) size 139x57
168             text run at (17,17) width 139: "This is a right-floating"
169             text run at (17,36) width 112: "paragraph (first in"
170             text run at (17,55) width 50: "source)."
171         RenderBlock (floating) {P} at (5,5) size 194x91 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
172           RenderText {#text} at (17,17) size 132x57
173             text run at (17,17) width 130: "This is a left-floating"
174             text run at (17,36) width 132: "paragraph (second in"
175             text run at (17,55) width 50: "source)."
176         RenderText {#text} at (199,5) size 551x114
177           text run at (199,5) width 177: "This is text within the DIV. "
178           text run at (376,5) width 180: "The floating elements within"
179           text run at (199,24) width 352: "this DIV should not go beyond the top side of this DIV,"
180           text run at (199,43) width 335: "which means that the borders of the floating elements"
181           text run at (199,62) width 350: "should not overlap the top or side borders of the DIV in"
182           text run at (199,81) width 62: "any way. "
183           text run at (261,81) width 264: "In addition, the top of the left-floating box"
184           text run at (5,100) width 365: "should not be higher than the top of the right-floating box."
185       RenderBlock {HR} at (364,1844) size 40x2 [border: (1px inset #000000)]
186       RenderBlock {DIV} at (2,1854) size 765x67 [border: (5px solid #800080)]
187         RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #000000)]
188         RenderImage {IMG} at (745,5) size 15x36 [border: (3px solid #000000)]
189         RenderText {#text} at (20,5) size 720x57
190           text run at (20,5) width 177: "This is text within the DIV. "
191           text run at (197,5) width 525: "The floating images within this DIV should not go beyond the top side of this DIV,"
192           text run at (20,24) width 705: "which means that the borders of the floating images should not overlap the top or side borders of the DIV in any"
193           text run at (5,43) width 35: "way. "
194           text run at (40,43) width 661: "In addition, the top of the left-floating image should not be higher than the top of the right-floating image."
195       RenderBlock {HR} at (24,1945) size 578x2 [border: (1px inset #000000)]
196       RenderBlock {DIV} at (2,1971) size 765x143 [border: (5px solid #800080)]
197         RenderText {#text} at (199,5) size 185x19
198           text run at (199,5) width 177: "This is text within the DIV. "
199           text run at (376,5) width 8: "*"
200         RenderBlock (floating) {P} at (5,5) size 194x91 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
201           RenderText {#text} at (17,17) size 130x57
202             text run at (17,17) width 130: "This is a left-floating"
203             text run at (17,36) width 112: "paragraph (first in"
204             text run at (17,55) width 50: "source)."
205         RenderText {#text} at (384,5) size 545x38
206           text run at (384,5) width 360: " The floating elements within this DIV should not go any"
207           text run at (199,24) width 477: "higher than the line-box containing the inline content which precedes them. "
208           text run at (676,24) width 12: "* "
209         RenderBlock (floating) {P} at (566,43) size 194x91 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
210           RenderText {#text} at (17,17) size 139x57
211             text run at (17,17) width 139: "This is a right-floating"
212             text run at (17,36) width 132: "paragraph (second in"
213             text run at (17,55) width 50: "source)."
214         RenderText {#text} at (688,24) size 755x114
215           text run at (688,24) width 72: "This means"
216           text run at (199,43) width 349: "that the top side of each float can be, at most, as high as"
217           text run at (199,62) width 352: "the top edge of the inline element containing the content"
218           text run at (199,81) width 331: "just before the floating elements occur in the source. "
219           text run at (530,81) width 13: "In"
220           text run at (5,100) width 545: "order to mark these points clearly, an asterisk has been inserted just before each floated"
221           text run at (5,119) width 53: "element."
222       RenderBlock {HR} at (364,2122) size 40x2 [border: (1px inset #000000)]
223       RenderBlock {DIV} at (2,2132) size 765x86 [border: (5px solid #800080)]
224         RenderText {#text} at (20,5) size 185x19
225           text run at (20,5) width 177: "This is text within the DIV. "
226           text run at (197,5) width 8: "*"
227         RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #000000)]
228         RenderText {#text} at (205,5) size 688x38
229           text run at (205,5) width 503: " The floating images within this DIV should not go any higher than the line-box"
230           text run at (20,24) width 323: "containing the inline content which precedes them. "
231           text run at (343,24) width 12: "* "
232         RenderImage {IMG} at (745,24) size 15x36 [border: (3px solid #000000)]
233         RenderText {#text} at (355,24) size 738x57
234           text run at (355,24) width 376: "This means that the top side of each float can be, at most, as"
235           text run at (5,43) width 725: "high as the top edge of the inline element containing the content just before the floating images occur in the source. "
236           text run at (730,43) width 13: "In"
237           text run at (5,62) width 591: "order to mark these points clearly, an asterisk has been inserted just before each floated image."
238       RenderBlock {HR} at (24,2242) size 578x2 [border: (1px inset #000000)]
239       RenderBlock {DIV} at (2,2268) size 765x276 [border: (5px solid #800080)]
240         RenderText {#text} at (199,5) size 185x19
241           text run at (199,5) width 177: "This is text within the DIV. "
242           text run at (376,5) width 8: "*"
243         RenderBlock (floating) {P} at (5,5) size 194x91 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
244           RenderText {#text} at (17,17) size 130x57
245             text run at (17,17) width 130: "This is a left-floating"
246             text run at (17,36) width 112: "paragraph (first in"
247             text run at (17,55) width 50: "source)."
248         RenderText {#text} at (384,5) size 545x38
249           text run at (384,5) width 360: " The floating elements within this DIV should not go any"
250           text run at (199,24) width 477: "higher than the line-box containing the inline content which precedes them. "
251           text run at (676,24) width 12: "* "
252         RenderBlock (floating) {P} at (566,43) size 194x91 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
253           RenderText {#text} at (17,17) size 139x57
254             text run at (17,17) width 139: "This is a right-floating"
255             text run at (17,36) width 132: "paragraph (second in"
256             text run at (17,55) width 50: "source)."
257         RenderText {#text} at (688,24) size 561x38
258           text run at (688,24) width 72: "This means"
259           text run at (199,43) width 238: "that the top side of each float can be,*"
260         RenderBlock (floating) {P} at (199,62) size 194x91 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
261           RenderText {#text} at (17,17) size 130x57
262             text run at (17,17) width 130: "This is a left-floating"
263             text run at (17,36) width 117: "paragraph (third in"
264             text run at (17,55) width 50: "source)."
265         RenderText {#text} at (437,43) size 274x114
266           text run at (437,43) width 119: " at most, as high as"
267           text run at (393,62) width 156: "the top edge of the inline"
268           text run at (393,81) width 142: "element containing the"
269           text run at (393,100) width 139: "content just before the"
270           text run at (393,119) width 162: "floating elements occur in"
271           text run at (587,138) width 72: "the source. "
272           text run at (659,138) width 8: "*"
273         RenderBlock (floating) {P} at (393,138) size 194x91 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
274           RenderText {#text} at (17,17) size 130x57
275             text run at (17,17) width 130: "This is a left-floating"
276             text run at (17,36) width 126: "paragraph (fourth in"
277             text run at (17,55) width 50: "source)."
278         RenderText {#text} at (667,138) size 742x133
279           text run at (667,138) width 70: " In order to"
280           text run at (587,157) width 160: "mark these points clearly,"
281           text run at (587,176) width 125: "an asterisk has been"
282           text run at (587,195) width 152: "inserted just before each"
283           text run at (587,214) width 104: "floated element. "
284           text run at (691,214) width 48: "If a line"
285           text run at (5,233) width 722: "has room for a floated element, then the element should float so that its top is aligned with the top of the line-box in"
286           text run at (5,252) width 173: "which the asterisk appears. "
287           text run at (178,252) width 402: "Otherwise, its top should align with the top of the next line-box."
288       RenderBlock {HR} at (364,2552) size 40x2 [border: (1px inset #000000)]
289       RenderBlock {DIV} at (2,2562) size 765x124 [border: (5px solid #800080)]
290         RenderText {#text} at (20,5) size 185x19
291           text run at (20,5) width 177: "This is text within the DIV. "
292           text run at (197,5) width 8: "*"
293         RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #000000)]
294         RenderText {#text} at (205,5) size 673x38
295           text run at (205,5) width 503: " The floating images within this DIV should not go any higher than the line-box"
296           text run at (35,24) width 323: "containing the inline content which precedes them. "
297           text run at (358,24) width 12: "* "
298         RenderImage {IMG} at (745,24) size 15x36 [border: (3px solid #000000)]
299         RenderText {#text} at (370,24) size 318x19
300           text run at (370,24) width 310: "This means that the top side of each float can be, "
301           text run at (680,24) width 8: "*"
302         RenderImage {IMG} at (20,24) size 15x36 [border: (3px solid #000000)]
303         RenderText {#text} at (688,24) size 721x57
304           text run at (688,24) width 53: " at most,"
305           text run at (35,43) width 689: "as high as the top edge of the inline element containing the content just before the floating images occur in the"
306           text run at (20,62) width 49: "source. "
307           text run at (69,62) width 8: "*"
308         RenderImage {IMG} at (5,62) size 15x36 [border: (3px solid #000000)]
309         RenderText {#text} at (77,62) size 736x57
310           text run at (77,62) width 616: " In order to mark these points clearly, an asterisk has been inserted just before each floated image. "
311           text run at (693,62) width 48: "If a line"
312           text run at (20,81) width 700: "has room for a floated image, then the image should float so that its top is aligned with the top of the line-box in"
313           text run at (5,100) width 173: "which the asterisk appears. "
314           text run at (178,100) width 402: "Otherwise, its top should align with the top of the next line-box."
315       RenderBlock {HR} at (24,2710) size 578x2 [border: (1px inset #000000)]
316       RenderBlock {DIV} at (2,2736) size 490x314 [border: (5px solid #800080)]
317         RenderText {#text} at (199,5) size 54x19
318           text run at (199,5) width 54: "This is *"
319         RenderBlock (floating) {P} at (5,5) size 194x91 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
320           RenderText {#text} at (17,17) size 130x57
321             text run at (17,17) width 130: "This is a left-floating"
322             text run at (17,36) width 112: "paragraph (first in"
323             text run at (17,55) width 50: "source)."
324         RenderText {#text} at (253,5) size 12x19
325           text run at (253,5) width 12: " *"
326         RenderBlock (floating) {P} at (291,5) size 194x91 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
327           RenderText {#text} at (17,17) size 139x57
328             text run at (17,17) width 139: "This is a right-floating"
329             text run at (17,36) width 132: "paragraph (second in"
330             text run at (17,55) width 50: "source)."
331         RenderText {#text} at (199,24) size 477x285
332           text run at (199,24) width 90: "text within the"
333           text run at (199,43) width 37: "DIV. "
334           text run at (236,43) width 40: "Under"
335           text run at (199,62) width 88: "CSS1, the left"
336           text run at (199,81) width 48: "floating"
337           text run at (5,100) width 477: "element should be placed in the upper left corner of the DIV, and the purple"
338           text run at (5,119) width 447: "border of the DIV should abut the green border of the floating element."
339           text run at (5,138) width 444: "Similarly, the right floating element should be placed in the upper right"
340           text run at (5,157) width 468: "corner of the DIV, and the purple border of the DIV should abut the green"
341           text run at (5,176) width 451: "border of the floating element. The text of the DIV element should flow"
342           text run at (5,195) width 461: "between and under the two floating elements. The two asterisk characters"
343           text run at (5,214) width 468: "mark the insertion points of the floating elements. It is expected that, under"
344           text run at (5,233) width 470: "future specifications, it may be acceptable for the top of floated elements to"
345           text run at (5,252) width 475: "align with the top of the line-box following the insertion point of the floated"
346           text run at (5,271) width 466: "element to avoid floating elements appearing before text which precedes it"
347           text run at (5,290) width 150: "in the source document."
348       RenderBlock {HR} at (364,3058) size 40x2 [border: (1px inset #000000)]
349       RenderBlock {DIV} at (2,3068) size 490x238 [border: (5px solid #800080)]
350         RenderText {#text} at (20,5) size 54x19
351           text run at (20,5) width 54: "This is *"
352         RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #000000)]
353         RenderText {#text} at (74,5) size 12x19
354           text run at (74,5) width 12: " *"
355         RenderImage {IMG} at (470,5) size 15x36 [border: (3px solid #000000)]
356         RenderText {#text} at (86,5) size 480x228
357           text run at (86,5) width 135: " text within the DIV. "
358           text run at (221,5) width 226: "Under CSS1, the left floating image"
359           text run at (20,24) width 424: "should be placed in the upper left corner of the DIV, and the purple"
360           text run at (5,43) width 436: "border of the DIV should abut the green border of the floating image."
361           text run at (5,62) width 477: "Similarly, the right floating image should be placed in the upper right corner"
362           text run at (5,81) width 469: "of the DIV, and the purple border of the DIV should abut the green border"
363           text run at (5,100) width 479: "of the floating image. The text of the DIV element should flow between and"
364           text run at (5,119) width 477: "under the two floating image. The two asterisk characters mark the insertion"
365           text run at (5,138) width 180: "points of the floating image. "
366           text run at (185,138) width 300: "It is expected that, under future specifications, it"
367           text run at (5,157) width 478: "may be acceptable for the top of floated elements to align with the top of the"
368           text run at (5,176) width 429: "line-box following the insertion point of the floated element to avoid"
369           text run at (5,195) width 442: "floating elements appearing before text which precedes it in the source"
370           text run at (5,214) width 66: "document."
371       RenderBlock {HR} at (24,3330) size 578x2 [border: (1px inset #000000)]
372       RenderTable {TABLE} at (0,3356) size 769x3175 [border: (1px outset #808080)]
373         RenderTableSection {TBODY} at (1,1) size 767x3173
374           RenderTableRow {TR} at (0,0) size 767x27
375             RenderTableCell {TD} at (0,0) size 767x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
376               RenderInline {STRONG} at (0,0) size 163x19
377                 RenderText {#text} at (4,4) size 163x19
378                   text run at (4,4) width 163: "TABLE Testing Section"
379           RenderTableRow {TR} at (0,27) size 767x3146
380             RenderTableCell {TD} at (0,1586) size 12x27 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
381               RenderText {#text} at (4,4) size 4x19
382                 text run at (4,4) width 4: " "
383             RenderTableCell {TD} at (12,27) size 755x3146 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
384               RenderBlock {P} at (4,4) size 747x57
385                 RenderText {#text} at (0,0) size 740x57
386                   text run at (0,0) width 681: "On this test page, each test is performed once with floating paragraphs, and then again with floating images. "
387                   text run at (681,0) width 36: "Other"
388                   text run at (0,19) width 740: "than the substitution of images for pargraphs, the structure of the test is exactly the same, including the direction of the"
389                   text run at (0,38) width 38: "floats."
390               RenderBlock {HR} at (28,85) size 562x2 [border: (1px inset #000000)]
391               RenderBlock {DIV} at (6,111) size 743x105 [border: (5px solid #800080)]
392                 RenderBlock (floating) {P} at (5,5) size 194x91 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
393                   RenderText {#text} at (17,17) size 130x57
394                     text run at (17,17) width 130: "This is a left-floating"
395                     text run at (17,36) width 112: "paragraph (first in"
396                     text run at (17,55) width 50: "source)."
397                 RenderBlock (floating) {P} at (544,5) size 194x91 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
398                   RenderText {#text} at (17,17) size 139x57
399                     text run at (17,17) width 139: "This is a right-floating"
400                     text run at (17,36) width 132: "paragraph (second in"
401                     text run at (17,55) width 50: "source)."
402                 RenderText {#text} at (199,5) size 337x95
403                   text run at (199,5) width 177: "This is text within the DIV. "
404                   text run at (376,5) width 136: "The floating elements"
405                   text run at (199,24) width 337: "within this DIV should not go beyond the left or right"
406                   text run at (199,43) width 334: "inner edge of this DIV, which means that the borders"
407                   text run at (199,62) width 332: "of the floating elements should not overlap the top or"
408                   text run at (199,81) width 153: "side borders of the DIV."
409               RenderBlock {HR} at (358,224) size 39x2 [border: (1px inset #000000)]
410               RenderBlock {DIV} at (6,234) size 743x67 [border: (5px solid #800080)]
411                 RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #000000)]
412                 RenderImage {IMG} at (723,5) size 15x36 [border: (3px solid #000000)]
413                 RenderText {#text} at (20,5) size 718x57
414                   text run at (20,5) width 177: "This is text within the DIV. "
415                   text run at (197,5) width 502: "The floating images within this DIV should not go beyond the left or right inner"
416                   text run at (20,24) width 703: "edge of this DIV, which means that the borders of the floating images should not overlap the top or side borders"
417                   text run at (5,43) width 73: "of the DIV."
418               RenderBlock {HR} at (28,325) size 562x2 [border: (1px inset #000000)]
419               RenderBlock {DIV} at (6,351) size 442x238 [border: (5px solid #800080)]
420                 RenderBlock (floating) {P} at (5,5) size 194x72 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
421                   RenderText {#text} at (17,17) size 122x38
422                     text run at (17,17) width 122: "This is the first left-"
423                     text run at (17,36) width 119: "floating paragraph."
424                 RenderBlock (floating) {P} at (199,5) size 194x72 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
425                   RenderText {#text} at (17,17) size 142x38
426                     text run at (17,17) width 142: "This is the second left-"
427                     text run at (17,36) width 119: "floating paragraph."
428                 RenderBlock (floating) {P} at (5,77) size 194x72 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
429                   RenderText {#text} at (17,17) size 127x38
430                     text run at (17,17) width 127: "This is the third left-"
431                     text run at (17,36) width 119: "floating paragraph."
432                 RenderText {#text} at (393,5) size 430x228
433                   text run at (393,5) width 42: "This is"
434                   text run at (393,24) width 23: "text"
435                   text run at (393,43) width 40: "within"
436                   text run at (393,62) width 19: "the"
437                   text run at (199,81) width 37: "DIV. "
438                   text run at (236,81) width 180: "The floating elements within"
439                   text run at (199,100) width 219: "this DIV should not go beyond the"
440                   text run at (199,119) width 220: "left or right inner edge of this DIV,"
441                   text run at (199,138) width 224: "which means that the borders of the"
442                   text run at (5,157) width 412: "floating elements should not overlap the top or side borders of the"
443                   text run at (5,176) width 111: "DIV in any way. "
444                   text run at (116,176) width 297: "In addition, they should not overlap each other."
445                   text run at (5,195) width 425: "The first two should be side by side, whereas the third should be on"
446                   text run at (5,214) width 95: "the next \"line.\""
447               RenderBlock {HR} at (358,597) size 39x2 [border: (1px inset #000000)]
448               RenderBlock {DIV} at (6,607) size 360x200 [border: (5px solid #800080)]
449                 RenderImage {IMG} at (5,5) size 156x36 [border: (3px solid #000000)]
450                 RenderImage {IMG} at (161,5) size 156x36 [border: (3px solid #000000)]
451                 RenderImage {IMG} at (5,41) size 156x36 [border: (3px solid #000000)]
452                 RenderText {#text} at (317,5) size 350x190
453                   text run at (317,5) width 28: "This"
454                   text run at (317,24) width 37: "is text"
455                   text run at (161,43) width 104: "within the DIV. "
456                   text run at (265,43) width 77: "The floating"
457                   text run at (161,62) width 193: "images within this DIV should"
458                   text run at (5,81) width 338: "not go beyond the left or right inner edge of this DIV,"
459                   text run at (5,100) width 324: "which means that the borders of the floating images"
460                   text run at (5,119) width 350: "should not overlap the top or side borders of the DIV in"
461                   text run at (5,138) width 62: "any way. "
462                   text run at (67,138) width 257: "In addition, they should not overlap each"
463                   text run at (5,157) width 40: "other. "
464                   text run at (45,157) width 307: "The first two should be side by side, whereas the"
465                   text run at (5,176) width 213: "third should be on the next \"line.\""
466               RenderBlock {HR} at (28,831) size 562x2 [border: (1px inset #000000)]
467               RenderBlock {DIV} at (6,857) size 314x371 [border: (5px solid #800080)]
468                 RenderBlock (floating) {P} at (5,5) size 194x91 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
469                   RenderText {#text} at (17,17) size 130x57
470                     text run at (17,17) width 130: "This is a left-floating"
471                     text run at (17,36) width 112: "paragraph (first in"
472                     text run at (17,55) width 50: "source)."
473                 RenderBlock (floating) {P} at (115,96) size 194x91 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
474                   RenderText {#text} at (17,17) size 139x57
475                     text run at (17,17) width 139: "This is a right-floating"
476                     text run at (17,36) width 132: "paragraph (second in"
477                     text run at (17,55) width 50: "source)."
478                 RenderText {#text} at (199,5) size 295x361
479                   text run at (199,5) width 69: "This is text"
480                   text run at (199,24) width 100: "within the DIV."
481                   text run at (199,43) width 77: "The floating"
482                   text run at (199,62) width 99: "elements within"
483                   text run at (199,81) width 101: "this DIV should"
484                   text run at (5,100) width 91: "not go beyond"
485                   text run at (5,119) width 93: "the left or right"
486                   text run at (5,138) width 109: "inner edge of this"
487                   text run at (5,157) width 76: "DIV, which"
488                   text run at (5,176) width 90: "means that the"
489                   text run at (5,195) width 268: "borders of the floating elements should not"
490                   text run at (5,214) width 280: "overlap the top or side borders of the DIV in"
491                   text run at (5,233) width 62: "any way. "
492                   text run at (67,233) width 224: "In addition, they should not overlap"
493                   text run at (5,252) width 284: "each other in any way, nor should the floated"
494                   text run at (5,271) width 261: "elements be overwritten by the DIV text. "
495                   text run at (266,271) width 13: "In"
496                   text run at (5,290) width 273: "addition, the floated elements should not be"
497                   text run at (5,309) width 268: "side-by-side, but instead the first should be"
498                   text run at (5,328) width 288: "floated left, and the second floated to the right"
499                   text run at (5,347) width 94: "below the first."
500               RenderBlock {HR} at (358,1236) size 39x2 [border: (1px inset #000000)]
501               RenderBlock {DIV} at (6,1246) size 410x238 [border: (5px solid #800080)]
502                 RenderImage {IMG} at (5,5) size 256x36 [border: (3px solid #000000)]
503                 RenderImage {IMG} at (149,41) size 256x36 [border: (3px solid #000000)]
504                 RenderText {#text} at (261,5) size 392x228
505                   text run at (261,5) width 136: "This is text within the"
506                   text run at (261,24) width 37: "DIV. "
507                   text run at (298,24) width 77: "The floating"
508                   text run at (5,43) width 114: "images within this"
509                   text run at (5,62) width 119: "DIV should not go"
510                   text run at (5,81) width 381: "beyond the left or right inner edge of this DIV, which means"
511                   text run at (5,100) width 381: "that the borders of the floating images should not overlap the"
512                   text run at (5,119) width 272: "top or side borders of the DIV in any way. "
513                   text run at (277,119) width 103: "In addition, they"
514                   text run at (5,138) width 358: "should not overlap each other in any way, nor should the"
515                   text run at (5,157) width 308: "floated elements be overwritten by the DIV text. "
516                   text run at (313,157) width 72: "In addition,"
517                   text run at (5,176) width 382: "the floated images should not be side-by-side, but instead the"
518                   text run at (5,195) width 381: "first should be floated left, and the second floated to the right"
519                   text run at (5,214) width 94: "below the first."
520               RenderBlock {HR} at (28,1508) size 562x2 [border: (1px inset #000000)]
521               RenderBlock {DIV} at (6,1534) size 743x124 [border: (5px solid #800080)]
522                 RenderBlock (floating) {P} at (544,5) size 194x91 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
523                   RenderText {#text} at (17,17) size 139x57
524                     text run at (17,17) width 139: "This is a right-floating"
525                     text run at (17,36) width 112: "paragraph (first in"
526                     text run at (17,55) width 50: "source)."
527                 RenderBlock (floating) {P} at (5,5) size 194x91 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
528                   RenderText {#text} at (17,17) size 132x57
529                     text run at (17,17) width 130: "This is a left-floating"
530                     text run at (17,36) width 132: "paragraph (second in"
531                     text run at (17,55) width 50: "source)."
532                 RenderText {#text} at (199,5) size 533x114
533                   text run at (199,5) width 177: "This is text within the DIV. "
534                   text run at (376,5) width 136: "The floating elements"
535                   text run at (199,24) width 333: "within this DIV should not go beyond the top side of"
536                   text run at (199,43) width 339: "this DIV, which means that the borders of the floating"
537                   text run at (199,62) width 337: "elements should not overlap the top or side borders of"
538                   text run at (199,81) width 134: "the DIV in any way. "
539                   text run at (333,81) width 188: "In addition, the top of the left-"
540                   text run at (5,100) width 445: "floating box should not be higher than the top of the right-floating box."
541               RenderBlock {HR} at (358,1666) size 39x2 [border: (1px inset #000000)]
542               RenderBlock {DIV} at (6,1676) size 743x67 [border: (5px solid #800080)]
543                 RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #000000)]
544                 RenderImage {IMG} at (723,5) size 15x36 [border: (3px solid #000000)]
545                 RenderText {#text} at (20,5) size 723x57
546                   text run at (20,5) width 177: "This is text within the DIV. "
547                   text run at (197,5) width 525: "The floating images within this DIV should not go beyond the top side of this DIV,"
548                   text run at (20,24) width 678: "which means that the borders of the floating images should not overlap the top or side borders of the DIV in"
549                   text run at (5,43) width 62: "any way. "
550                   text run at (67,43) width 661: "In addition, the top of the left-floating image should not be higher than the top of the right-floating image."
551               RenderBlock {HR} at (28,1767) size 562x2 [border: (1px inset #000000)]
552               RenderBlock {DIV} at (6,1793) size 743x143 [border: (5px solid #800080)]
553                 RenderText {#text} at (199,5) size 185x19
554                   text run at (199,5) width 177: "This is text within the DIV. "
555                   text run at (376,5) width 8: "*"
556                 RenderBlock (floating) {P} at (5,5) size 194x91 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
557                   RenderText {#text} at (17,17) size 130x57
558                     text run at (17,17) width 130: "This is a left-floating"
559                     text run at (17,36) width 112: "paragraph (first in"
560                     text run at (17,55) width 50: "source)."
561                 RenderText {#text} at (384,5) size 518x38
562                   text run at (384,5) width 333: " The floating elements within this DIV should not go"
563                   text run at (199,24) width 504: "any higher than the line-box containing the inline content which precedes them. "
564                   text run at (703,24) width 8: "*"
565                 RenderBlock (floating) {P} at (544,43) size 194x91 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
566                   RenderText {#text} at (17,17) size 139x57
567                     text run at (17,17) width 139: "This is a right-floating"
568                     text run at (17,36) width 132: "paragraph (second in"
569                     text run at (17,55) width 50: "source)."
570                 RenderText {#text} at (199,43) size 539x95
571                   text run at (199,43) width 321: "This means that the top side of each float can be, at"
572                   text run at (199,62) width 313: "most, as high as the top edge of the inline element"
573                   text run at (199,81) width 343: "containing the content just before the floating elements"
574                   text run at (5,100) width 127: "occur in the source. "
575                   text run at (132,100) width 412: "In order to mark these points clearly, an asterisk has been inserted"
576                   text run at (5,119) width 203: "just before each floated element."
577               RenderBlock {HR} at (358,1944) size 39x2 [border: (1px inset #000000)]
578               RenderBlock {DIV} at (6,1954) size 743x86 [border: (5px solid #800080)]
579                 RenderText {#text} at (20,5) size 185x19
580                   text run at (20,5) width 177: "This is text within the DIV. "
581                   text run at (197,5) width 8: "*"
582                 RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #000000)]
583                 RenderText {#text} at (205,5) size 688x38
584                   text run at (205,5) width 503: " The floating images within this DIV should not go any higher than the line-box"
585                   text run at (20,24) width 323: "containing the inline content which precedes them. "
586                   text run at (343,24) width 12: "* "
587                 RenderImage {IMG} at (723,24) size 15x36 [border: (3px solid #000000)]
588                 RenderText {#text} at (355,24) size 709x57
589                   text run at (355,24) width 359: "This means that the top side of each float can be, at most,"
590                   text run at (5,43) width 689: "as high as the top edge of the inline element containing the content just before the floating images occur in the"
591                   text run at (5,62) width 49: "source. "
592                   text run at (54,62) width 608: "In order to mark these points clearly, an asterisk has been inserted just before each floated image."
593               RenderBlock {HR} at (28,2064) size 562x2 [border: (1px inset #000000)]
594               RenderBlock {DIV} at (6,2090) size 743x238 [border: (5px solid #800080)]
595                 RenderText {#text} at (199,5) size 185x19
596                   text run at (199,5) width 177: "This is text within the DIV. "
597                   text run at (376,5) width 8: "*"
598                 RenderBlock (floating) {P} at (5,5) size 194x91 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
599                   RenderText {#text} at (17,17) size 130x57
600                     text run at (17,17) width 130: "This is a left-floating"
601                     text run at (17,36) width 112: "paragraph (first in"
602                     text run at (17,55) width 50: "source)."
603                 RenderText {#text} at (384,5) size 518x38
604                   text run at (384,5) width 333: " The floating elements within this DIV should not go"
605                   text run at (199,24) width 504: "any higher than the line-box containing the inline content which precedes them. "
606                   text run at (703,24) width 8: "*"
607                 RenderBlock (floating) {P} at (544,43) size 194x91 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
608                   RenderText {#text} at (17,17) size 139x57
609                     text run at (17,17) width 139: "This is a right-floating"
610                     text run at (17,36) width 132: "paragraph (second in"
611                     text run at (17,55) width 50: "source)."
612                 RenderText {#text} at (199,43) size 314x19
613                   text run at (199,43) width 314: "This means that the top side of each float can be,*"
614                 RenderBlock (floating) {P} at (199,62) size 194x91 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
615                   RenderText {#text} at (17,17) size 130x57
616                     text run at (17,17) width 130: "This is a left-floating"
617                     text run at (17,36) width 117: "paragraph (third in"
618                     text run at (17,55) width 50: "source)."
619                 RenderText {#text} at (513,43) size 246x114
620                   text run at (513,43) width 15: " at"
621                   text run at (393,62) width 147: "most, as high as the top"
622                   text run at (393,81) width 109: "edge of the inline"
623                   text run at (393,100) width 142: "element containing the"
624                   text run at (393,119) width 139: "content just before the"
625                   text run at (393,138) width 238: "floating elements occur in the source. "
626                   text run at (631,138) width 8: "*"
627                 RenderBlock (floating) {P} at (5,157) size 194x91 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
628                   RenderText {#text} at (17,17) size 130x57
629                     text run at (17,17) width 130: "This is a left-floating"
630                     text run at (17,36) width 126: "paragraph (fourth in"
631                     text run at (17,55) width 50: "source)."
632                 RenderText {#text} at (639,138) size 539x95
633                   text run at (639,138) width 70: " In order to"
634                   text run at (199,157) width 492: "mark these points clearly, an asterisk has been inserted just before each floated"
635                   text run at (199,176) width 57: "element. "
636                   text run at (256,176) width 477: "If a line has room for a floated element, then the element should float so that"
637                   text run at (199,195) width 470: "its top is aligned with the top of the line-box in which the asterisk appears. "
638                   text run at (669,195) width 69: "Otherwise,"
639                   text run at (199,214) width 329: "its top should align with the top of the next line-box."
640               RenderBlock {HR} at (358,2338) size 39x2 [border: (1px inset #000000)]
641               RenderBlock {DIV} at (6,2348) size 743x124 [border: (5px solid #800080)]
642                 RenderText {#text} at (20,5) size 185x19
643                   text run at (20,5) width 177: "This is text within the DIV. "
644                   text run at (197,5) width 8: "*"
645                 RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #000000)]
646                 RenderText {#text} at (205,5) size 673x38
647                   text run at (205,5) width 503: " The floating images within this DIV should not go any higher than the line-box"
648                   text run at (35,24) width 323: "containing the inline content which precedes them. "
649                   text run at (358,24) width 12: "* "
650                 RenderImage {IMG} at (723,24) size 15x36 [border: (3px solid #000000)]
651                 RenderText {#text} at (370,24) size 318x19
652                   text run at (370,24) width 310: "This means that the top side of each float can be, "
653                   text run at (680,24) width 8: "*"
654                 RenderImage {IMG} at (20,24) size 15x36 [border: (3px solid #000000)]
655                 RenderText {#text} at (688,24) size 703x57
656                   text run at (688,24) width 15: " at"
657                   text run at (35,43) width 688: "most, as high as the top edge of the inline element containing the content just before the floating images occur"
658                   text run at (20,62) width 88: "in the source. "
659                   text run at (108,62) width 8: "*"
660                 RenderImage {IMG} at (5,62) size 15x36 [border: (3px solid #000000)]
661                 RenderText {#text} at (116,62) size 727x57
662                   text run at (116,62) width 612: " In order to mark these points clearly, an asterisk has been inserted just before each floated image."
663                   text run at (20,81) width 712: "If a line has room for a floated image, then the image should float so that its top is aligned with the top of the line-"
664                   text run at (5,100) width 217: "box in which the asterisk appears. "
665                   text run at (222,100) width 402: "Otherwise, its top should align with the top of the next line-box."
666               RenderBlock {HR} at (28,2496) size 562x2 [border: (1px inset #000000)]
667               RenderBlock {DIV} at (6,2522) size 490x314 [border: (5px solid #800080)]
668                 RenderText {#text} at (199,5) size 54x19
669                   text run at (199,5) width 54: "This is *"
670                 RenderBlock (floating) {P} at (5,5) size 194x91 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
671                   RenderText {#text} at (17,17) size 130x57
672                     text run at (17,17) width 130: "This is a left-floating"
673                     text run at (17,36) width 112: "paragraph (first in"
674                     text run at (17,55) width 50: "source)."
675                 RenderText {#text} at (253,5) size 12x19
676                   text run at (253,5) width 12: " *"
677                 RenderBlock (floating) {P} at (291,5) size 194x91 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
678                   RenderText {#text} at (17,17) size 139x57
679                     text run at (17,17) width 139: "This is a right-floating"
680                     text run at (17,36) width 132: "paragraph (second in"
681                     text run at (17,55) width 50: "source)."
682                 RenderText {#text} at (199,24) size 477x285
683                   text run at (199,24) width 90: "text within the"
684                   text run at (199,43) width 37: "DIV. "
685                   text run at (236,43) width 40: "Under"
686                   text run at (199,62) width 88: "CSS1, the left"
687                   text run at (199,81) width 48: "floating"
688                   text run at (5,100) width 477: "element should be placed in the upper left corner of the DIV, and the purple"
689                   text run at (5,119) width 447: "border of the DIV should abut the green border of the floating element."
690                   text run at (5,138) width 444: "Similarly, the right floating element should be placed in the upper right"
691                   text run at (5,157) width 468: "corner of the DIV, and the purple border of the DIV should abut the green"
692                   text run at (5,176) width 451: "border of the floating element. The text of the DIV element should flow"
693                   text run at (5,195) width 461: "between and under the two floating elements. The two asterisk characters"
694                   text run at (5,214) width 468: "mark the insertion points of the floating elements. It is expected that, under"
695                   text run at (5,233) width 470: "future specifications, it may be acceptable for the top of floated elements to"
696                   text run at (5,252) width 475: "align with the top of the line-box following the insertion point of the floated"
697                   text run at (5,271) width 466: "element to avoid floating elements appearing before text which precedes it"
698                   text run at (5,290) width 150: "in the source document."
699               RenderBlock {HR} at (358,2844) size 39x2 [border: (1px inset #000000)]
700               RenderBlock {DIV} at (6,2854) size 490x238 [border: (5px solid #800080)]
701                 RenderText {#text} at (20,5) size 54x19
702                   text run at (20,5) width 54: "This is *"
703                 RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #000000)]
704                 RenderText {#text} at (74,5) size 12x19
705                   text run at (74,5) width 12: " *"
706                 RenderImage {IMG} at (470,5) size 15x36 [border: (3px solid #000000)]
707                 RenderText {#text} at (86,5) size 480x228
708                   text run at (86,5) width 135: " text within the DIV. "
709                   text run at (221,5) width 226: "Under CSS1, the left floating image"
710                   text run at (20,24) width 424: "should be placed in the upper left corner of the DIV, and the purple"
711                   text run at (5,43) width 436: "border of the DIV should abut the green border of the floating image."
712                   text run at (5,62) width 477: "Similarly, the right floating image should be placed in the upper right corner"
713                   text run at (5,81) width 469: "of the DIV, and the purple border of the DIV should abut the green border"
714                   text run at (5,100) width 479: "of the floating image. The text of the DIV element should flow between and"
715                   text run at (5,119) width 477: "under the two floating image. The two asterisk characters mark the insertion"
716                   text run at (5,138) width 180: "points of the floating image. "
717                   text run at (185,138) width 300: "It is expected that, under future specifications, it"
718                   text run at (5,157) width 478: "may be acceptable for the top of floated elements to align with the top of the"
719                   text run at (5,176) width 429: "line-box following the insertion point of the floated element to avoid"
720                   text run at (5,195) width 442: "floating elements appearing before text which precedes it in the source"
721                   text run at (5,214) width 66: "document."
722               RenderBlock {HR} at (28,3116) size 562x2 [border: (1px inset #000000)]