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