1 layer at (0,0) size 785x6285
2 RenderView at (0,0) size 785x600
3 layer at (0,0) size 785x6285
4 RenderBlock {HTML} at (0,0) size 785x6285
5 RenderBody {BODY} at (8,8) size 769x6269 [bgcolor=#CCCCCC]
6 RenderBlock {P} at (0,0) size 769x18
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,34) 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,182) size 769x2 [border: (1px inset #000000)]
29 RenderBlock {P} at (0,200) size 769x36
30 RenderText {#text} at (0,0) size 751x37
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,18) 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,260) size 578x2 [border: (1px inset #000000)]
35 RenderBlock {DIV} at (2,286) size 765x100 [border: (5px solid #800080)]
36 RenderBlock (floating) {P} at (5,5) size 194x88 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
37 RenderText {#text} at (17,17) size 130x55
38 text run at (17,17) width 130: "This is a left-floating"
39 text run at (17,35) width 112: "paragraph (first in"
40 text run at (17,53) width 50: "source)."
41 RenderBlock (floating) {P} at (566,5) size 194x88 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
42 RenderText {#text} at (17,17) size 139x55
43 text run at (17,17) width 139: "This is a right-floating"
44 text run at (17,35) width 132: "paragraph (second in"
45 text run at (17,53) width 50: "source)."
46 RenderText {#text} at (199,5) size 363x91
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,23) width 363: "this DIV should not go beyond the left or right inner edge"
50 text run at (199,41) width 356: "of this DIV, which means that the borders of the floating"
51 text run at (199,59) width 360: "elements should not overlap the top or side borders of the"
52 text run at (199,77) width 33: "DIV."
53 RenderBlock {HR} at (364,394) size 40x2 [border: (1px inset #000000)]
54 RenderBlock {DIV} at (2,404) size 765x64 [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 728x55
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,23) 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,41) width 33: "DIV."
62 RenderBlock {HR} at (24,492) size 578x2 [border: (1px inset #000000)]
63 RenderBlock {DIV} at (2,518) size 442x226 [border: (5px solid #800080)]
64 RenderBlock (floating) {P} at (5,5) size 194x70 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
65 RenderText {#text} at (17,17) size 122x37
66 text run at (17,17) width 122: "This is the first left-"
67 text run at (17,35) width 119: "floating paragraph."
68 RenderBlock (floating) {P} at (199,5) size 194x70 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
69 RenderText {#text} at (17,17) size 142x37
70 text run at (17,17) width 142: "This is the second left-"
71 text run at (17,35) width 119: "floating paragraph."
72 RenderBlock (floating) {P} at (5,75) size 194x70 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
73 RenderText {#text} at (17,17) size 127x37
74 text run at (17,17) width 127: "This is the third left-"
75 text run at (17,35) width 119: "floating paragraph."
76 RenderText {#text} at (393,5) size 430x217
77 text run at (393,5) width 42: "This is"
78 text run at (393,23) width 23: "text"
79 text run at (393,41) width 40: "within"
80 text run at (393,59) width 19: "the"
81 text run at (199,77) width 37: "DIV. "
82 text run at (236,77) width 180: "The floating elements within"
83 text run at (199,95) width 219: "this DIV should not go beyond the"
84 text run at (199,113) width 220: "left or right inner edge of this DIV,"
85 text run at (199,131) width 224: "which means that the borders of the"
86 text run at (5,149) width 412: "floating elements should not overlap the top or side borders of the"
87 text run at (5,167) width 111: "DIV in any way. "
88 text run at (116,167) width 297: "In addition, they should not overlap each other."
89 text run at (5,185) width 425: "The first two should be side by side, whereas the third should be on"
90 text run at (5,203) width 95: "the next \"line.\""
91 RenderBlock {HR} at (364,752) size 40x2 [border: (1px inset #000000)]
92 RenderBlock {DIV} at (2,762) size 360x190 [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 350x181
97 text run at (317,5) width 28: "This"
98 text run at (317,23) width 37: "is text"
99 text run at (161,41) width 104: "within the DIV. "
100 text run at (265,41) width 77: "The floating"
101 text run at (161,59) width 193: "images within this DIV should"
102 text run at (5,77) width 338: "not go beyond the left or right inner edge of this DIV,"
103 text run at (5,95) width 324: "which means that the borders of the floating images"
104 text run at (5,113) width 350: "should not overlap the top or side borders of the DIV in"
105 text run at (5,131) width 62: "any way. "
106 text run at (67,131) width 257: "In addition, they should not overlap each"
107 text run at (5,149) width 40: "other. "
108 text run at (45,149) width 307: "The first two should be side by side, whereas the"
109 text run at (5,167) width 213: "third should be on the next \"line.\""
110 RenderBlock {HR} at (24,976) size 578x2 [border: (1px inset #000000)]
111 RenderBlock {DIV} at (2,1002) size 314x352 [border: (5px solid #800080)]
112 RenderBlock (floating) {P} at (5,5) size 194x88 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
113 RenderText {#text} at (17,17) size 130x55
114 text run at (17,17) width 130: "This is a left-floating"
115 text run at (17,35) width 112: "paragraph (first in"
116 text run at (17,53) width 50: "source)."
117 RenderBlock (floating) {P} at (115,93) size 194x88 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
118 RenderText {#text} at (17,17) size 139x55
119 text run at (17,17) width 139: "This is a right-floating"
120 text run at (17,35) width 132: "paragraph (second in"
121 text run at (17,53) width 50: "source)."
122 RenderText {#text} at (199,5) size 295x343
123 text run at (199,5) width 69: "This is text"
124 text run at (199,23) width 100: "within the DIV."
125 text run at (199,41) width 77: "The floating"
126 text run at (199,59) width 99: "elements within"
127 text run at (199,77) width 101: "this DIV should"
128 text run at (5,95) width 91: "not go beyond"
129 text run at (5,113) width 93: "the left or right"
130 text run at (5,131) width 109: "inner edge of this"
131 text run at (5,149) width 76: "DIV, which"
132 text run at (5,167) width 90: "means that the"
133 text run at (5,185) width 268: "borders of the floating elements should not"
134 text run at (5,203) width 280: "overlap the top or side borders of the DIV in"
135 text run at (5,221) width 62: "any way. "
136 text run at (67,221) width 224: "In addition, they should not overlap"
137 text run at (5,239) width 284: "each other in any way, nor should the floated"
138 text run at (5,257) width 261: "elements be overwritten by the DIV text. "
139 text run at (266,257) width 13: "In"
140 text run at (5,275) width 273: "addition, the floated elements should not be"
141 text run at (5,293) width 268: "side-by-side, but instead the first should be"
142 text run at (5,311) width 288: "floated left, and the second floated to the right"
143 text run at (5,329) width 94: "below the first."
144 RenderBlock {HR} at (364,1362) size 40x2 [border: (1px inset #000000)]
145 RenderBlock {DIV} at (2,1372) size 410x226 [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 392x217
149 text run at (261,5) width 136: "This is text within the"
150 text run at (261,23) width 37: "DIV. "
151 text run at (298,23) width 77: "The floating"
152 text run at (5,41) width 114: "images within this"
153 text run at (5,59) width 119: "DIV should not go"
154 text run at (5,77) width 381: "beyond the left or right inner edge of this DIV, which means"
155 text run at (5,95) width 381: "that the borders of the floating images should not overlap the"
156 text run at (5,113) width 272: "top or side borders of the DIV in any way. "
157 text run at (277,113) width 103: "In addition, they"
158 text run at (5,131) width 358: "should not overlap each other in any way, nor should the"
159 text run at (5,149) width 308: "floated elements be overwritten by the DIV text. "
160 text run at (313,149) width 72: "In addition,"
161 text run at (5,167) width 382: "the floated images should not be side-by-side, but instead the"
162 text run at (5,185) width 381: "first should be floated left, and the second floated to the right"
163 text run at (5,203) width 94: "below the first."
164 RenderBlock {HR} at (24,1622) size 578x2 [border: (1px inset #000000)]
165 RenderBlock {DIV} at (2,1648) size 765x118 [border: (5px solid #800080)]
166 RenderBlock (floating) {P} at (566,5) size 194x88 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
167 RenderText {#text} at (17,17) size 139x55
168 text run at (17,17) width 139: "This is a right-floating"
169 text run at (17,35) width 112: "paragraph (first in"
170 text run at (17,53) width 50: "source)."
171 RenderBlock (floating) {P} at (5,5) size 194x88 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
172 RenderText {#text} at (17,17) size 132x55
173 text run at (17,17) width 130: "This is a left-floating"
174 text run at (17,35) width 132: "paragraph (second in"
175 text run at (17,53) width 50: "source)."
176 RenderText {#text} at (199,5) size 551x109
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,23) width 352: "this DIV should not go beyond the top side of this DIV,"
180 text run at (199,41) width 335: "which means that the borders of the floating elements"
181 text run at (199,59) width 350: "should not overlap the top or side borders of the DIV in"
182 text run at (199,77) width 62: "any way. "
183 text run at (261,77) width 264: "In addition, the top of the left-floating box"
184 text run at (5,95) width 365: "should not be higher than the top of the right-floating box."
185 RenderBlock {HR} at (364,1774) size 40x2 [border: (1px inset #000000)]
186 RenderBlock {DIV} at (2,1784) size 765x64 [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 720x55
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,23) 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,41) width 35: "way. "
194 text run at (40,41) 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,1872) size 578x2 [border: (1px inset #000000)]
196 RenderBlock {DIV} at (2,1898) size 765x136 [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 194x88 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
201 RenderText {#text} at (17,17) size 130x55
202 text run at (17,17) width 130: "This is a left-floating"
203 text run at (17,35) width 112: "paragraph (first in"
204 text run at (17,53) width 50: "source)."
205 RenderText {#text} at (384,5) size 545x37
206 text run at (384,5) width 360: " The floating elements within this DIV should not go any"
207 text run at (199,23) width 477: "higher than the line-box containing the inline content which precedes them. "
208 text run at (676,23) width 12: "* "
209 RenderBlock (floating) {P} at (566,41) size 194x88 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
210 RenderText {#text} at (17,17) size 139x55
211 text run at (17,17) width 139: "This is a right-floating"
212 text run at (17,35) width 132: "paragraph (second in"
213 text run at (17,53) width 50: "source)."
214 RenderText {#text} at (688,23) size 755x109
215 text run at (688,23) width 72: "This means"
216 text run at (199,41) width 349: "that the top side of each float can be, at most, as high as"
217 text run at (199,59) width 352: "the top edge of the inline element containing the content"
218 text run at (199,77) width 331: "just before the floating elements occur in the source. "
219 text run at (530,77) width 13: "In"
220 text run at (5,95) width 545: "order to mark these points clearly, an asterisk has been inserted just before each floated"
221 text run at (5,113) width 53: "element."
222 RenderBlock {HR} at (364,2042) size 40x2 [border: (1px inset #000000)]
223 RenderBlock {DIV} at (2,2052) size 765x82 [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 688x37
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,23) width 323: "containing the inline content which precedes them. "
231 text run at (343,23) width 12: "* "
232 RenderImage {IMG} at (745,23) size 15x36 [border: (3px solid #000000)]
233 RenderText {#text} at (355,23) size 738x55
234 text run at (355,23) width 376: "This means that the top side of each float can be, at most, as"
235 text run at (5,41) 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,41) width 13: "In"
237 text run at (5,59) width 591: "order to mark these points clearly, an asterisk has been inserted just before each floated image."
238 RenderBlock {HR} at (24,2158) size 578x2 [border: (1px inset #000000)]
239 RenderBlock {DIV} at (2,2184) size 765x262 [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 194x88 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
244 RenderText {#text} at (17,17) size 130x55
245 text run at (17,17) width 130: "This is a left-floating"
246 text run at (17,35) width 112: "paragraph (first in"
247 text run at (17,53) width 50: "source)."
248 RenderText {#text} at (384,5) size 545x37
249 text run at (384,5) width 360: " The floating elements within this DIV should not go any"
250 text run at (199,23) width 477: "higher than the line-box containing the inline content which precedes them. "
251 text run at (676,23) width 12: "* "
252 RenderBlock (floating) {P} at (566,41) size 194x88 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
253 RenderText {#text} at (17,17) size 139x55
254 text run at (17,17) width 139: "This is a right-floating"
255 text run at (17,35) width 132: "paragraph (second in"
256 text run at (17,53) width 50: "source)."
257 RenderText {#text} at (688,23) size 561x37
258 text run at (688,23) width 72: "This means"
259 text run at (199,41) width 238: "that the top side of each float can be,*"
260 RenderBlock (floating) {P} at (199,59) size 194x88 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
261 RenderText {#text} at (17,17) size 130x55
262 text run at (17,17) width 130: "This is a left-floating"
263 text run at (17,35) width 117: "paragraph (third in"
264 text run at (17,53) width 50: "source)."
265 RenderText {#text} at (437,41) size 274x109
266 text run at (437,41) width 119: " at most, as high as"
267 text run at (393,59) width 156: "the top edge of the inline"
268 text run at (393,77) width 142: "element containing the"
269 text run at (393,95) width 139: "content just before the"
270 text run at (393,113) width 162: "floating elements occur in"
271 text run at (587,131) width 72: "the source. "
272 text run at (659,131) width 8: "*"
273 RenderBlock (floating) {P} at (393,131) size 194x88 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
274 RenderText {#text} at (17,17) size 130x55
275 text run at (17,17) width 130: "This is a left-floating"
276 text run at (17,35) width 126: "paragraph (fourth in"
277 text run at (17,53) width 50: "source)."
278 RenderText {#text} at (667,131) size 742x127
279 text run at (667,131) width 70: " In order to"
280 text run at (587,149) width 160: "mark these points clearly,"
281 text run at (587,167) width 125: "an asterisk has been"
282 text run at (587,185) width 152: "inserted just before each"
283 text run at (587,203) width 104: "floated element. "
284 text run at (691,203) width 48: "If a line"
285 text run at (5,221) 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,239) width 173: "which the asterisk appears. "
287 text run at (178,239) width 402: "Otherwise, its top should align with the top of the next line-box."
288 RenderBlock {HR} at (364,2454) size 40x2 [border: (1px inset #000000)]
289 RenderBlock {DIV} at (2,2464) size 765x118 [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 673x37
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,23) width 323: "containing the inline content which precedes them. "
297 text run at (358,23) width 12: "* "
298 RenderImage {IMG} at (745,23) size 15x36 [border: (3px solid #000000)]
299 RenderText {#text} at (370,23) size 318x19
300 text run at (370,23) width 310: "This means that the top side of each float can be, "
301 text run at (680,23) width 8: "*"
302 RenderImage {IMG} at (20,23) size 15x36 [border: (3px solid #000000)]
303 RenderText {#text} at (688,23) size 721x55
304 text run at (688,23) width 53: " at most,"
305 text run at (35,41) 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,59) width 49: "source. "
307 text run at (69,59) width 8: "*"
308 RenderImage {IMG} at (5,59) size 15x36 [border: (3px solid #000000)]
309 RenderText {#text} at (77,59) size 736x55
310 text run at (77,59) width 616: " In order to mark these points clearly, an asterisk has been inserted just before each floated image. "
311 text run at (693,59) width 48: "If a line"
312 text run at (20,77) 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,95) width 173: "which the asterisk appears. "
314 text run at (178,95) width 402: "Otherwise, its top should align with the top of the next line-box."
315 RenderBlock {HR} at (24,2606) size 578x2 [border: (1px inset #000000)]
316 RenderBlock {DIV} at (2,2632) size 490x298 [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 194x88 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
320 RenderText {#text} at (17,17) size 130x55
321 text run at (17,17) width 130: "This is a left-floating"
322 text run at (17,35) width 112: "paragraph (first in"
323 text run at (17,53) 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 194x88 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
327 RenderText {#text} at (17,17) size 139x55
328 text run at (17,17) width 139: "This is a right-floating"
329 text run at (17,35) width 132: "paragraph (second in"
330 text run at (17,53) width 50: "source)."
331 RenderText {#text} at (199,23) size 477x271
332 text run at (199,23) width 90: "text within the"
333 text run at (199,41) width 37: "DIV. "
334 text run at (236,41) width 40: "Under"
335 text run at (199,59) width 88: "CSS1, the left"
336 text run at (199,77) width 48: "floating"
337 text run at (5,95) width 477: "element should be placed in the upper left corner of the DIV, and the purple"
338 text run at (5,113) width 447: "border of the DIV should abut the green border of the floating element."
339 text run at (5,131) width 444: "Similarly, the right floating element should be placed in the upper right"
340 text run at (5,149) width 468: "corner of the DIV, and the purple border of the DIV should abut the green"
341 text run at (5,167) width 451: "border of the floating element. The text of the DIV element should flow"
342 text run at (5,185) width 461: "between and under the two floating elements. The two asterisk characters"
343 text run at (5,203) width 468: "mark the insertion points of the floating elements. It is expected that, under"
344 text run at (5,221) width 470: "future specifications, it may be acceptable for the top of floated elements to"
345 text run at (5,239) width 475: "align with the top of the line-box following the insertion point of the floated"
346 text run at (5,257) width 466: "element to avoid floating elements appearing before text which precedes it"
347 text run at (5,275) width 150: "in the source document."
348 RenderBlock {HR} at (364,2938) size 40x2 [border: (1px inset #000000)]
349 RenderBlock {DIV} at (2,2948) size 490x226 [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 480x217
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,23) width 424: "should be placed in the upper left corner of the DIV, and the purple"
360 text run at (5,41) width 436: "border of the DIV should abut the green border of the floating image."
361 text run at (5,59) width 477: "Similarly, the right floating image should be placed in the upper right corner"
362 text run at (5,77) width 469: "of the DIV, and the purple border of the DIV should abut the green border"
363 text run at (5,95) width 479: "of the floating image. The text of the DIV element should flow between and"
364 text run at (5,113) width 477: "under the two floating image. The two asterisk characters mark the insertion"
365 text run at (5,131) width 180: "points of the floating image. "
366 text run at (185,131) width 300: "It is expected that, under future specifications, it"
367 text run at (5,149) width 478: "may be acceptable for the top of floated elements to align with the top of the"
368 text run at (5,167) width 429: "line-box following the insertion point of the floated element to avoid"
369 text run at (5,185) width 442: "floating elements appearing before text which precedes it in the source"
370 text run at (5,203) width 66: "document."
371 RenderBlock {HR} at (24,3198) size 578x2 [border: (1px inset #000000)]
372 RenderTable {TABLE} at (0,3224) size 769x3045 [border: (1px outset #808080)]
373 RenderTableSection {TBODY} at (1,1) size 767x3043
374 RenderTableRow {TR} at (0,0) size 767x26
375 RenderTableCell {TD} at (0,0) size 767x26 [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,26) size 767x3017
380 RenderTableCell {TD} at (0,1521) size 12x26 [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,26) size 755x3017 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
384 RenderBlock {P} at (4,4) size 747x54
385 RenderText {#text} at (0,0) size 740x55
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,18) 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,36) width 38: "floats."
390 RenderBlock {HR} at (28,82) size 562x2 [border: (1px inset #000000)]
391 RenderBlock {DIV} at (6,108) size 743x100 [border: (5px solid #800080)]
392 RenderBlock (floating) {P} at (5,5) size 194x88 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
393 RenderText {#text} at (17,17) size 130x55
394 text run at (17,17) width 130: "This is a left-floating"
395 text run at (17,35) width 112: "paragraph (first in"
396 text run at (17,53) width 50: "source)."
397 RenderBlock (floating) {P} at (544,5) size 194x88 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
398 RenderText {#text} at (17,17) size 139x55
399 text run at (17,17) width 139: "This is a right-floating"
400 text run at (17,35) width 132: "paragraph (second in"
401 text run at (17,53) width 50: "source)."
402 RenderText {#text} at (199,5) size 337x91
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,23) width 337: "within this DIV should not go beyond the left or right"
406 text run at (199,41) width 334: "inner edge of this DIV, which means that the borders"
407 text run at (199,59) width 332: "of the floating elements should not overlap the top or"
408 text run at (199,77) width 153: "side borders of the DIV."
409 RenderBlock {HR} at (358,216) size 39x2 [border: (1px inset #000000)]
410 RenderBlock {DIV} at (6,226) size 743x64 [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 718x55
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,23) 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,41) width 73: "of the DIV."
418 RenderBlock {HR} at (28,314) size 562x2 [border: (1px inset #000000)]
419 RenderBlock {DIV} at (6,340) size 442x226 [border: (5px solid #800080)]
420 RenderBlock (floating) {P} at (5,5) size 194x70 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
421 RenderText {#text} at (17,17) size 122x37
422 text run at (17,17) width 122: "This is the first left-"
423 text run at (17,35) width 119: "floating paragraph."
424 RenderBlock (floating) {P} at (199,5) size 194x70 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
425 RenderText {#text} at (17,17) size 142x37
426 text run at (17,17) width 142: "This is the second left-"
427 text run at (17,35) width 119: "floating paragraph."
428 RenderBlock (floating) {P} at (5,75) size 194x70 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
429 RenderText {#text} at (17,17) size 127x37
430 text run at (17,17) width 127: "This is the third left-"
431 text run at (17,35) width 119: "floating paragraph."
432 RenderText {#text} at (393,5) size 430x217
433 text run at (393,5) width 42: "This is"
434 text run at (393,23) width 23: "text"
435 text run at (393,41) width 40: "within"
436 text run at (393,59) width 19: "the"
437 text run at (199,77) width 37: "DIV. "
438 text run at (236,77) width 180: "The floating elements within"
439 text run at (199,95) width 219: "this DIV should not go beyond the"
440 text run at (199,113) width 220: "left or right inner edge of this DIV,"
441 text run at (199,131) width 224: "which means that the borders of the"
442 text run at (5,149) width 412: "floating elements should not overlap the top or side borders of the"
443 text run at (5,167) width 111: "DIV in any way. "
444 text run at (116,167) width 297: "In addition, they should not overlap each other."
445 text run at (5,185) width 425: "The first two should be side by side, whereas the third should be on"
446 text run at (5,203) width 95: "the next \"line.\""
447 RenderBlock {HR} at (358,574) size 39x2 [border: (1px inset #000000)]
448 RenderBlock {DIV} at (6,584) size 360x190 [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 350x181
453 text run at (317,5) width 28: "This"
454 text run at (317,23) width 37: "is text"
455 text run at (161,41) width 104: "within the DIV. "
456 text run at (265,41) width 77: "The floating"
457 text run at (161,59) width 193: "images within this DIV should"
458 text run at (5,77) width 338: "not go beyond the left or right inner edge of this DIV,"
459 text run at (5,95) width 324: "which means that the borders of the floating images"
460 text run at (5,113) width 350: "should not overlap the top or side borders of the DIV in"
461 text run at (5,131) width 62: "any way. "
462 text run at (67,131) width 257: "In addition, they should not overlap each"
463 text run at (5,149) width 40: "other. "
464 text run at (45,149) width 307: "The first two should be side by side, whereas the"
465 text run at (5,167) width 213: "third should be on the next \"line.\""
466 RenderBlock {HR} at (28,798) size 562x2 [border: (1px inset #000000)]
467 RenderBlock {DIV} at (6,824) size 314x352 [border: (5px solid #800080)]
468 RenderBlock (floating) {P} at (5,5) size 194x88 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
469 RenderText {#text} at (17,17) size 130x55
470 text run at (17,17) width 130: "This is a left-floating"
471 text run at (17,35) width 112: "paragraph (first in"
472 text run at (17,53) width 50: "source)."
473 RenderBlock (floating) {P} at (115,93) size 194x88 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
474 RenderText {#text} at (17,17) size 139x55
475 text run at (17,17) width 139: "This is a right-floating"
476 text run at (17,35) width 132: "paragraph (second in"
477 text run at (17,53) width 50: "source)."
478 RenderText {#text} at (199,5) size 295x343
479 text run at (199,5) width 69: "This is text"
480 text run at (199,23) width 100: "within the DIV."
481 text run at (199,41) width 77: "The floating"
482 text run at (199,59) width 99: "elements within"
483 text run at (199,77) width 101: "this DIV should"
484 text run at (5,95) width 91: "not go beyond"
485 text run at (5,113) width 93: "the left or right"
486 text run at (5,131) width 109: "inner edge of this"
487 text run at (5,149) width 76: "DIV, which"
488 text run at (5,167) width 90: "means that the"
489 text run at (5,185) width 268: "borders of the floating elements should not"
490 text run at (5,203) width 280: "overlap the top or side borders of the DIV in"
491 text run at (5,221) width 62: "any way. "
492 text run at (67,221) width 224: "In addition, they should not overlap"
493 text run at (5,239) width 284: "each other in any way, nor should the floated"
494 text run at (5,257) width 261: "elements be overwritten by the DIV text. "
495 text run at (266,257) width 13: "In"
496 text run at (5,275) width 273: "addition, the floated elements should not be"
497 text run at (5,293) width 268: "side-by-side, but instead the first should be"
498 text run at (5,311) width 288: "floated left, and the second floated to the right"
499 text run at (5,329) width 94: "below the first."
500 RenderBlock {HR} at (358,1184) size 39x2 [border: (1px inset #000000)]
501 RenderBlock {DIV} at (6,1194) size 410x226 [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 392x217
505 text run at (261,5) width 136: "This is text within the"
506 text run at (261,23) width 37: "DIV. "
507 text run at (298,23) width 77: "The floating"
508 text run at (5,41) width 114: "images within this"
509 text run at (5,59) width 119: "DIV should not go"
510 text run at (5,77) width 381: "beyond the left or right inner edge of this DIV, which means"
511 text run at (5,95) width 381: "that the borders of the floating images should not overlap the"
512 text run at (5,113) width 272: "top or side borders of the DIV in any way. "
513 text run at (277,113) width 103: "In addition, they"
514 text run at (5,131) width 358: "should not overlap each other in any way, nor should the"
515 text run at (5,149) width 308: "floated elements be overwritten by the DIV text. "
516 text run at (313,149) width 72: "In addition,"
517 text run at (5,167) width 382: "the floated images should not be side-by-side, but instead the"
518 text run at (5,185) width 381: "first should be floated left, and the second floated to the right"
519 text run at (5,203) width 94: "below the first."
520 RenderBlock {HR} at (28,1444) size 562x2 [border: (1px inset #000000)]
521 RenderBlock {DIV} at (6,1470) size 743x118 [border: (5px solid #800080)]
522 RenderBlock (floating) {P} at (544,5) size 194x88 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
523 RenderText {#text} at (17,17) size 139x55
524 text run at (17,17) width 139: "This is a right-floating"
525 text run at (17,35) width 112: "paragraph (first in"
526 text run at (17,53) width 50: "source)."
527 RenderBlock (floating) {P} at (5,5) size 194x88 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
528 RenderText {#text} at (17,17) size 132x55
529 text run at (17,17) width 130: "This is a left-floating"
530 text run at (17,35) width 132: "paragraph (second in"
531 text run at (17,53) width 50: "source)."
532 RenderText {#text} at (199,5) size 533x109
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,23) width 333: "within this DIV should not go beyond the top side of"
536 text run at (199,41) width 339: "this DIV, which means that the borders of the floating"
537 text run at (199,59) width 337: "elements should not overlap the top or side borders of"
538 text run at (199,77) width 134: "the DIV in any way. "
539 text run at (333,77) width 188: "In addition, the top of the left-"
540 text run at (5,95) width 445: "floating box should not be higher than the top of the right-floating box."
541 RenderBlock {HR} at (358,1596) size 39x2 [border: (1px inset #000000)]
542 RenderBlock {DIV} at (6,1606) size 743x64 [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 723x55
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,23) 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,41) width 62: "any way. "
550 text run at (67,41) 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,1694) size 562x2 [border: (1px inset #000000)]
552 RenderBlock {DIV} at (6,1720) size 743x136 [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 194x88 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
557 RenderText {#text} at (17,17) size 130x55
558 text run at (17,17) width 130: "This is a left-floating"
559 text run at (17,35) width 112: "paragraph (first in"
560 text run at (17,53) width 50: "source)."
561 RenderText {#text} at (384,5) size 518x37
562 text run at (384,5) width 333: " The floating elements within this DIV should not go"
563 text run at (199,23) width 504: "any higher than the line-box containing the inline content which precedes them. "
564 text run at (703,23) width 8: "*"
565 RenderBlock (floating) {P} at (544,41) size 194x88 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
566 RenderText {#text} at (17,17) size 139x55
567 text run at (17,17) width 139: "This is a right-floating"
568 text run at (17,35) width 132: "paragraph (second in"
569 text run at (17,53) width 50: "source)."
570 RenderText {#text} at (199,41) size 539x91
571 text run at (199,41) width 321: "This means that the top side of each float can be, at"
572 text run at (199,59) width 313: "most, as high as the top edge of the inline element"
573 text run at (199,77) width 343: "containing the content just before the floating elements"
574 text run at (5,95) width 127: "occur in the source. "
575 text run at (132,95) width 412: "In order to mark these points clearly, an asterisk has been inserted"
576 text run at (5,113) width 203: "just before each floated element."
577 RenderBlock {HR} at (358,1864) size 39x2 [border: (1px inset #000000)]
578 RenderBlock {DIV} at (6,1874) size 743x82 [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 688x37
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,23) width 323: "containing the inline content which precedes them. "
586 text run at (343,23) width 12: "* "
587 RenderImage {IMG} at (723,23) size 15x36 [border: (3px solid #000000)]
588 RenderText {#text} at (355,23) size 709x55
589 text run at (355,23) width 359: "This means that the top side of each float can be, at most,"
590 text run at (5,41) 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,59) width 49: "source. "
592 text run at (54,59) width 608: "In order to mark these points clearly, an asterisk has been inserted just before each floated image."
593 RenderBlock {HR} at (28,1980) size 562x2 [border: (1px inset #000000)]
594 RenderBlock {DIV} at (6,2006) size 743x226 [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 194x88 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
599 RenderText {#text} at (17,17) size 130x55
600 text run at (17,17) width 130: "This is a left-floating"
601 text run at (17,35) width 112: "paragraph (first in"
602 text run at (17,53) width 50: "source)."
603 RenderText {#text} at (384,5) size 518x37
604 text run at (384,5) width 333: " The floating elements within this DIV should not go"
605 text run at (199,23) width 504: "any higher than the line-box containing the inline content which precedes them. "
606 text run at (703,23) width 8: "*"
607 RenderBlock (floating) {P} at (544,41) size 194x88 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
608 RenderText {#text} at (17,17) size 139x55
609 text run at (17,17) width 139: "This is a right-floating"
610 text run at (17,35) width 132: "paragraph (second in"
611 text run at (17,53) width 50: "source)."
612 RenderText {#text} at (199,41) size 314x19
613 text run at (199,41) width 314: "This means that the top side of each float can be,*"
614 RenderBlock (floating) {P} at (199,59) size 194x88 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
615 RenderText {#text} at (17,17) size 130x55
616 text run at (17,17) width 130: "This is a left-floating"
617 text run at (17,35) width 117: "paragraph (third in"
618 text run at (17,53) width 50: "source)."
619 RenderText {#text} at (513,41) size 246x109
620 text run at (513,41) width 15: " at"
621 text run at (393,59) width 147: "most, as high as the top"
622 text run at (393,77) width 109: "edge of the inline"
623 text run at (393,95) width 142: "element containing the"
624 text run at (393,113) width 139: "content just before the"
625 text run at (393,131) width 238: "floating elements occur in the source. "
626 text run at (631,131) width 8: "*"
627 RenderBlock (floating) {P} at (5,149) size 194x88 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
628 RenderText {#text} at (17,17) size 130x55
629 text run at (17,17) width 130: "This is a left-floating"
630 text run at (17,35) width 126: "paragraph (fourth in"
631 text run at (17,53) width 50: "source)."
632 RenderText {#text} at (639,131) size 539x91
633 text run at (639,131) width 70: " In order to"
634 text run at (199,149) width 492: "mark these points clearly, an asterisk has been inserted just before each floated"
635 text run at (199,167) width 57: "element. "
636 text run at (256,167) width 477: "If a line has room for a floated element, then the element should float so that"
637 text run at (199,185) width 470: "its top is aligned with the top of the line-box in which the asterisk appears. "
638 text run at (669,185) width 69: "Otherwise,"
639 text run at (199,203) width 329: "its top should align with the top of the next line-box."
640 RenderBlock {HR} at (358,2243) size 39x2 [border: (1px inset #000000)]
641 RenderBlock {DIV} at (6,2253) size 743x118 [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 673x37
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,23) width 323: "containing the inline content which precedes them. "
649 text run at (358,23) width 12: "* "
650 RenderImage {IMG} at (723,23) size 15x36 [border: (3px solid #000000)]
651 RenderText {#text} at (370,23) size 318x19
652 text run at (370,23) width 310: "This means that the top side of each float can be, "
653 text run at (680,23) width 8: "*"
654 RenderImage {IMG} at (20,23) size 15x36 [border: (3px solid #000000)]
655 RenderText {#text} at (688,23) size 703x55
656 text run at (688,23) width 15: " at"
657 text run at (35,41) 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,59) width 88: "in the source. "
659 text run at (108,59) width 8: "*"
660 RenderImage {IMG} at (5,59) size 15x36 [border: (3px solid #000000)]
661 RenderText {#text} at (116,59) size 727x55
662 text run at (116,59) width 612: " In order to mark these points clearly, an asterisk has been inserted just before each floated image."
663 text run at (20,77) 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,95) width 217: "box in which the asterisk appears. "
665 text run at (222,95) width 402: "Otherwise, its top should align with the top of the next line-box."
666 RenderBlock {HR} at (28,2395) size 562x2 [border: (1px inset #000000)]
667 RenderBlock {DIV} at (6,2421) size 490x298 [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 194x88 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
671 RenderText {#text} at (17,17) size 130x55
672 text run at (17,17) width 130: "This is a left-floating"
673 text run at (17,35) width 112: "paragraph (first in"
674 text run at (17,53) 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 194x88 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
678 RenderText {#text} at (17,17) size 139x55
679 text run at (17,17) width 139: "This is a right-floating"
680 text run at (17,35) width 132: "paragraph (second in"
681 text run at (17,53) width 50: "source)."
682 RenderText {#text} at (199,23) size 477x271
683 text run at (199,23) width 90: "text within the"
684 text run at (199,41) width 37: "DIV. "
685 text run at (236,41) width 40: "Under"
686 text run at (199,59) width 88: "CSS1, the left"
687 text run at (199,77) width 48: "floating"
688 text run at (5,95) width 477: "element should be placed in the upper left corner of the DIV, and the purple"
689 text run at (5,113) width 447: "border of the DIV should abut the green border of the floating element."
690 text run at (5,131) width 444: "Similarly, the right floating element should be placed in the upper right"
691 text run at (5,149) width 468: "corner of the DIV, and the purple border of the DIV should abut the green"
692 text run at (5,167) width 451: "border of the floating element. The text of the DIV element should flow"
693 text run at (5,185) width 461: "between and under the two floating elements. The two asterisk characters"
694 text run at (5,203) width 468: "mark the insertion points of the floating elements. It is expected that, under"
695 text run at (5,221) width 470: "future specifications, it may be acceptable for the top of floated elements to"
696 text run at (5,239) width 475: "align with the top of the line-box following the insertion point of the floated"
697 text run at (5,257) width 466: "element to avoid floating elements appearing before text which precedes it"
698 text run at (5,275) width 150: "in the source document."
699 RenderBlock {HR} at (358,2727) size 39x2 [border: (1px inset #000000)]
700 RenderBlock {DIV} at (6,2737) size 490x226 [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 480x217
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,23) width 424: "should be placed in the upper left corner of the DIV, and the purple"
711 text run at (5,41) width 436: "border of the DIV should abut the green border of the floating image."
712 text run at (5,59) width 477: "Similarly, the right floating image should be placed in the upper right corner"
713 text run at (5,77) width 469: "of the DIV, and the purple border of the DIV should abut the green border"
714 text run at (5,95) width 479: "of the floating image. The text of the DIV element should flow between and"
715 text run at (5,113) width 477: "under the two floating image. The two asterisk characters mark the insertion"
716 text run at (5,131) width 180: "points of the floating image. "
717 text run at (185,131) width 300: "It is expected that, under future specifications, it"
718 text run at (5,149) width 478: "may be acceptable for the top of floated elements to align with the top of the"
719 text run at (5,167) width 429: "line-box following the insertion point of the floated element to avoid"
720 text run at (5,185) width 442: "floating elements appearing before text which precedes it in the source"
721 text run at (5,203) width 66: "document."
722 RenderBlock {HR} at (28,2987) size 562x2 [border: (1px inset #000000)]