OLD | NEW |
1 layer at (0,0) size 800x600 clip at (0,0) size 785x600 scrollHeight 6353 | 1 layer at (0,0) size 800x600 clip at (0,0) size 785x600 scrollHeight 6353 |
2 RenderView at (0,0) size 800x600 | 2 RenderView at (0,0) size 800x600 |
3 layer at (0,0) size 785x6353 backgroundClip at (0,0) size 785x600 clip at (0,0)
size 785x600 outlineClip at (0,0) size 785x600 | 3 layer at (0,0) size 785x6353 backgroundClip at (0,0) size 785x600 clip at (0,0)
size 785x600 outlineClip at (0,0) size 785x600 |
4 RenderBlock {HTML} at (0,0) size 785x6353 | 4 RenderBlock {HTML} at (0,0) size 785x6353 |
5 RenderBody {BODY} at (8,8) size 769x6337 [bgcolor=#CCCCCC] | 5 RenderBody {BODY} at (8,8) size 769x6337 [bgcolor=#CCCCCC] |
6 RenderBlock {P} at (0,0) size 769x18 | 6 RenderBlock {P} at (0,0) size 769x18 |
7 RenderText {#text} at (0,0) size 363x18 | 7 RenderText {#text} at (0,0) size 363x18 |
8 text run at (0,0) width 363: "The style declarations which apply to th
e text below are:" | 8 text run at (0,0) width 363: "The style declarations which apply to th
e text below are:" |
9 RenderBlock {PRE} at (0,34) size 769x135 | 9 RenderBlock {PRE} at (0,34) size 769x135 |
10 RenderText {#text} at (0,0) size 469x135 | 10 RenderText {#text} at (0,0) size 469x135 |
(...skipping 35 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
46 text run at (17,53) width 52: "source)." | 46 text run at (17,53) width 52: "source)." |
47 RenderText {#text} at (199,5) size 365x90 | 47 RenderText {#text} at (199,5) size 365x90 |
48 text run at (199,5) width 180: "This is text within the DIV. " | 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" | 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 lef
t or right inner" | 50 text run at (199,23) width 336: "this DIV should not go beyond the lef
t or right inner" |
51 text run at (199,41) width 344: "edge of this DIV, which means that th
e borders of the" | 51 text run at (199,41) width 344: "edge of this DIV, which means that th
e borders of the" |
52 text run at (199,59) width 329: "floating elements should not overlap
the top or side" | 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." | 53 text run at (199,77) width 126: "borders of the DIV." |
54 RenderBlock {HR} at (364.28,412) size 40.44x2 [border: (1px inset #EEEEEE)
] | 54 RenderBlock {HR} at (364.28,412) size 40.44x2 [border: (1px inset #EEEEEE)
] |
55 RenderBlock {DIV} at (2,422) size 765x64 [border: (5px solid #800080)] | 55 RenderBlock {DIV} at (2,422) size 765x64 [border: (5px solid #800080)] |
56 RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #000000)] | 56 LayoutImage {IMG} at (5,5) size 15x36 [border: (3px solid #000000)] |
57 RenderImage {IMG} at (745,5) size 15x36 [border: (3px solid #000000)] | 57 LayoutImage {IMG} at (745,5) size 15x36 [border: (3px solid #000000)] |
58 RenderText {#text} at (20,5) size 732x54 | 58 RenderText {#text} at (20,5) size 732x54 |
59 text run at (20,5) width 180: "This is text within the DIV. " | 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 sh
ould not go beyond the left or right inner" | 60 text run at (199,5) width 513: "The floating images within this DIV sh
ould 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" | 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." | 62 text run at (5,41) width 74: "of the DIV." |
63 RenderBlock {HR} at (24,510) size 578.75x2 [border: (1px inset #EEEEEE)] | 63 RenderBlock {HR} at (24,510) size 578.75x2 [border: (1px inset #EEEEEE)] |
64 RenderBlock {DIV} at (2,536) size 442x226 [border: (5px solid #800080)] | 64 RenderBlock {DIV} at (2,536) size 442x226 [border: (5px solid #800080)] |
65 RenderBlock (floating) {P} at (5,5) size 194x70 [bgcolor=#C0C0C0] [borde
r: (1px solid #00FF00)] | 65 RenderBlock (floating) {P} at (5,5) size 194x70 [bgcolor=#C0C0C0] [borde
r: (1px solid #00FF00)] |
66 RenderText {#text} at (17,17) size 128x36 | 66 RenderText {#text} at (17,17) size 128x36 |
67 text run at (17,17) width 128: "This is the first left-" | 67 text run at (17,17) width 128: "This is the first left-" |
(...skipping 16 matching lines...) Expand all Loading... |
84 text run at (199,95) width 222: "this DIV should not go beyond the" | 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
," | 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" | 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 t
he top or side borders of the" | 87 text run at (5,149) width 422: "floating elements should not overlap t
he top or side borders of the" |
88 text run at (5,167) width 111: "DIV in any way. " | 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." | 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" | 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.\"" | 91 text run at (5,203) width 97: "the next \"line.\"" |
92 RenderBlock {HR} at (364.28,770) size 40.44x2 [border: (1px inset #EEEEEE)
] | 92 RenderBlock {HR} at (364.28,770) size 40.44x2 [border: (1px inset #EEEEEE)
] |
93 RenderBlock {DIV} at (2,780) size 360x208 [border: (5px solid #800080)] | 93 RenderBlock {DIV} at (2,780) size 360x208 [border: (5px solid #800080)] |
94 RenderImage {IMG} at (5,5) size 156x36 [border: (3px solid #000000)] | 94 LayoutImage {IMG} at (5,5) size 156x36 [border: (3px solid #000000)] |
95 RenderImage {IMG} at (161,5) size 156x36 [border: (3px solid #000000)] | 95 LayoutImage {IMG} at (161,5) size 156x36 [border: (3px solid #000000)] |
96 RenderImage {IMG} at (5,41) size 156x36 [border: (3px solid #000000)] | 96 LayoutImage {IMG} at (5,41) size 156x36 [border: (3px solid #000000)] |
97 RenderText {#text} at (317,5) size 346x198 | 97 RenderText {#text} at (317,5) size 346x198 |
98 text run at (317,5) width 29: "This" | 98 text run at (317,5) width 29: "This" |
99 text run at (317,23) width 11: "is" | 99 text run at (317,23) width 11: "is" |
100 text run at (161,41) width 133: "text within the DIV. " | 100 text run at (161,41) width 133: "text within the DIV. " |
101 text run at (293,41) width 26: "The" | 101 text run at (293,41) width 26: "The" |
102 text run at (161,59) width 172: "floating images within this" | 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 ri
ght inner edge" | 103 text run at (5,77) width 343: "DIV should not go beyond the left or ri
ght inner edge" |
104 text run at (5,95) width 310: "of this DIV, which means that the borde
rs of the" | 104 text run at (5,95) width 310: "of this DIV, which means that the borde
rs of the" |
105 text run at (5,113) width 318: "floating images should not overlap the
top or side" | 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. " | 106 text run at (5,131) width 204: "borders of the DIV in any way. " |
(...skipping 30 matching lines...) Expand all Loading... |
137 text run at (139,219) width 153: "In addition, they should" | 137 text run at (139,219) width 153: "In addition, they should" |
138 text run at (5,237) width 293: "not overlap each other in any way, nor
should" | 138 text run at (5,237) width 293: "not overlap each other in any way, nor
should" |
139 text run at (5,255) width 302: "the floated elements be overwritten by
the DIV" | 139 text run at (5,255) width 302: "the floated elements be overwritten by
the DIV" |
140 text run at (5,273) width 32: "text. " | 140 text run at (5,273) width 32: "text. " |
141 text run at (36,273) width 255: "In addition, the floated elements sho
uld" | 141 text run at (36,273) width 255: "In addition, the floated elements sho
uld" |
142 text run at (5,291) width 300: "not be side-by-side, but instead the f
irst should" | 142 text run at (5,291) width 300: "not be side-by-side, but instead the f
irst should" |
143 text run at (5,309) width 281: "be floated left, and the second floate
d to the" | 143 text run at (5,309) width 281: "be floated left, and the second floate
d to the" |
144 text run at (5,327) width 131: "right below the first." | 144 text run at (5,327) width 131: "right below the first." |
145 RenderBlock {HR} at (364.28,1396) size 40.44x2 [border: (1px inset #EEEEEE
)] | 145 RenderBlock {HR} at (364.28,1396) size 40.44x2 [border: (1px inset #EEEEEE
)] |
146 RenderBlock {DIV} at (2,1406) size 410x226 [border: (5px solid #800080)] | 146 RenderBlock {DIV} at (2,1406) size 410x226 [border: (5px solid #800080)] |
147 RenderImage {IMG} at (5,5) size 256x36 [border: (3px solid #000000)] | 147 LayoutImage {IMG} at (5,5) size 256x36 [border: (3px solid #000000)] |
148 RenderImage {IMG} at (149,41) size 256x36 [border: (3px solid #000000)] | 148 LayoutImage {IMG} at (149,41) size 256x36 [border: (3px solid #000000)] |
149 RenderText {#text} at (261,5) size 396x216 | 149 RenderText {#text} at (261,5) size 396x216 |
150 text run at (261,5) width 140: "This is text within the" | 150 text run at (261,5) width 140: "This is text within the" |
151 text run at (261,23) width 37: "DIV. " | 151 text run at (261,23) width 37: "DIV. " |
152 text run at (297,23) width 80: "The floating" | 152 text run at (297,23) width 80: "The floating" |
153 text run at (5,41) width 118: "images within this" | 153 text run at (5,41) width 118: "images within this" |
154 text run at (5,59) width 120: "DIV should not go" | 154 text run at (5,59) width 120: "DIV should not go" |
155 text run at (5,77) width 388: "beyond the left or right inner edge of
this DIV, which means" | 155 text run at (5,77) width 388: "beyond the left or right inner edge of
this DIV, which means" |
156 text run at (5,95) width 391: "that the borders of the floating images
should not overlap the" | 156 text run at (5,95) width 391: "that the borders of the floating images
should not overlap the" |
157 text run at (5,113) width 276: "top or side borders of the DIV in any
way. " | 157 text run at (5,113) width 276: "top or side borders of the DIV in any
way. " |
158 text run at (280,113) width 106: "In addition, they" | 158 text run at (280,113) width 106: "In addition, they" |
(...skipping 19 matching lines...) Expand all Loading... |
178 text run at (199,5) width 180: "This is text within the DIV. " | 178 text run at (199,5) width 180: "This is text within the DIV. " |
179 text run at (378,5) width 186: "The floating elements within" | 179 text run at (378,5) width 186: "The floating elements within" |
180 text run at (199,23) width 357: "this DIV should not go beyond the top
side of this DIV," | 180 text run at (199,23) width 357: "this DIV should not go beyond the top
side of this DIV," |
181 text run at (199,41) width 344: "which means that the borders of the f
loating elements" | 181 text run at (199,41) width 344: "which means that the borders of the f
loating elements" |
182 text run at (199,59) width 356: "should not overlap the top or side bo
rders of the DIV in" | 182 text run at (199,59) width 356: "should not overlap the top or side bo
rders of the DIV in" |
183 text run at (199,77) width 62: "any way. " | 183 text run at (199,77) width 62: "any way. " |
184 text run at (260,77) width 272: "In addition, the top of the left-floa
ting box" | 184 text run at (260,77) width 272: "In addition, the top of the left-floa
ting box" |
185 text run at (5,95) width 373: "should not be higher than the top of th
e right-floating box." | 185 text run at (5,95) width 373: "should not be higher than the top of th
e right-floating box." |
186 RenderBlock {HR} at (364.28,1808) size 40.44x2 [border: (1px inset #EEEEEE
)] | 186 RenderBlock {HR} at (364.28,1808) size 40.44x2 [border: (1px inset #EEEEEE
)] |
187 RenderBlock {DIV} at (2,1818) size 765x64 [border: (5px solid #800080)] | 187 RenderBlock {DIV} at (2,1818) size 765x64 [border: (5px solid #800080)] |
188 RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #000000)] | 188 LayoutImage {IMG} at (5,5) size 15x36 [border: (3px solid #000000)] |
189 RenderImage {IMG} at (745,5) size 15x36 [border: (3px solid #000000)] | 189 LayoutImage {IMG} at (745,5) size 15x36 [border: (3px solid #000000)] |
190 RenderText {#text} at (20,5) size 734x54 | 190 RenderText {#text} at (20,5) size 734x54 |
191 text run at (20,5) width 180: "This is text within the DIV. " | 191 text run at (20,5) width 180: "This is text within the DIV. " |
192 text run at (199,5) width 535: "The floating images within this DIV sh
ould not go beyond the top side of this DIV," | 192 text run at (199,5) width 535: "The floating images within this DIV sh
ould not go beyond the top side of this DIV," |
193 text run at (20,23) width 719: "which means that the borders of the fl
oating images should not overlap the top or side borders of the DIV in any" | 193 text run at (20,23) width 719: "which means that the borders of the fl
oating images should not overlap the top or side borders of the DIV in any" |
194 text run at (5,41) width 35: "way. " | 194 text run at (5,41) width 35: "way. " |
195 text run at (39,41) width 679: "In addition, the top of the left-float
ing image should not be higher than the top of the right-floating image." | 195 text run at (39,41) width 679: "In addition, the top of the left-float
ing image should not be higher than the top of the right-floating image." |
196 RenderBlock {HR} at (24,1906) size 578.75x2 [border: (1px inset #EEEEEE)] | 196 RenderBlock {HR} at (24,1906) size 578.75x2 [border: (1px inset #EEEEEE)] |
197 RenderBlock {DIV} at (2,1932) size 765x136 [border: (5px solid #800080)] | 197 RenderBlock {DIV} at (2,1932) size 765x136 [border: (5px solid #800080)] |
198 RenderText {#text} at (199,5) size 188x18 | 198 RenderText {#text} at (199,5) size 188x18 |
199 text run at (199,5) width 180: "This is text within the DIV. " | 199 text run at (199,5) width 180: "This is text within the DIV. " |
(...skipping 18 matching lines...) Expand all Loading... |
218 text run at (199,59) width 360: "high as the top edge of the inline el
ement containing the" | 218 text run at (199,59) width 360: "high as the top edge of the inline el
ement containing the" |
219 text run at (199,77) width 337: "content just before the floating elem
ents occur in the" | 219 text run at (199,77) width 337: "content just before the floating elem
ents occur in the" |
220 text run at (5,95) width 50: "source. " | 220 text run at (5,95) width 50: "source. " |
221 text run at (54,95) width 495: "In order to mark these points clearly,
an asterisk has been inserted just before" | 221 text run at (54,95) width 495: "In order to mark these points clearly,
an asterisk has been inserted just before" |
222 text run at (5,113) width 137: "each floated element." | 222 text run at (5,113) width 137: "each floated element." |
223 RenderBlock {HR} at (364.28,2076) size 40.44x2 [border: (1px inset #EEEEEE
)] | 223 RenderBlock {HR} at (364.28,2076) size 40.44x2 [border: (1px inset #EEEEEE
)] |
224 RenderBlock {DIV} at (2,2086) size 765x82 [border: (5px solid #800080)] | 224 RenderBlock {DIV} at (2,2086) size 765x82 [border: (5px solid #800080)] |
225 RenderText {#text} at (20,5) size 188x18 | 225 RenderText {#text} at (20,5) size 188x18 |
226 text run at (20,5) width 180: "This is text within the DIV. " | 226 text run at (20,5) width 180: "This is text within the DIV. " |
227 text run at (199,5) width 9: "*" | 227 text run at (199,5) width 9: "*" |
228 RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #000000)] | 228 LayoutImage {IMG} at (5,5) size 15x36 [border: (3px solid #000000)] |
229 RenderText {#text} at (207,5) size 700x36 | 229 RenderText {#text} at (207,5) size 700x36 |
230 text run at (207,5) width 513: " The floating images within this DIV s
hould not go any higher than the line-box" | 230 text run at (207,5) width 513: " The floating images within this DIV s
hould not go any higher than the line-box" |
231 text run at (20,23) width 330: "containing the inline content which pr
ecedes them. " | 231 text run at (20,23) width 330: "containing the inline content which pr
ecedes them. " |
232 text run at (349,23) width 13: "* " | 232 text run at (349,23) width 13: "* " |
233 RenderImage {IMG} at (745,23) size 15x36 [border: (3px solid #000000)] | 233 LayoutImage {IMG} at (745,23) size 15x36 [border: (3px solid #000000)] |
234 RenderText {#text} at (361,23) size 724x54 | 234 RenderText {#text} at (361,23) size 724x54 |
235 text run at (361,23) width 368: "This means that the top side of each
float can be, at most," | 235 text run at (361,23) width 368: "This means that the top side of each
float can be, at most," |
236 text run at (5,41) width 706: "as high as the top edge of the inline e
lement containing the content just before the floating images occur in the" | 236 text run at (5,41) width 706: "as high as the top edge of the inline e
lement containing the content just before the floating images occur in the" |
237 text run at (5,59) width 50: "source. " | 237 text run at (5,59) width 50: "source. " |
238 text run at (54,59) width 624: "In order to mark these points clearly,
an asterisk has been inserted just before each floated image." | 238 text run at (54,59) width 624: "In order to mark these points clearly,
an asterisk has been inserted just before each floated image." |
239 RenderBlock {HR} at (24,2192) size 578.75x2 [border: (1px inset #EEEEEE)] | 239 RenderBlock {HR} at (24,2192) size 578.75x2 [border: (1px inset #EEEEEE)] |
240 RenderBlock {DIV} at (2,2218) size 765x262 [border: (5px solid #800080)] | 240 RenderBlock {DIV} at (2,2218) size 765x262 [border: (5px solid #800080)] |
241 RenderText {#text} at (199,5) size 188x18 | 241 RenderText {#text} at (199,5) size 188x18 |
242 text run at (199,5) width 180: "This is text within the DIV. " | 242 text run at (199,5) width 180: "This is text within the DIV. " |
243 text run at (378,5) width 9: "*" | 243 text run at (378,5) width 9: "*" |
(...skipping 40 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
284 text run at (587,203) width 108: "floated element. " | 284 text run at (587,203) width 108: "floated element. " |
285 text run at (694,203) width 50: "If a line" | 285 text run at (694,203) width 50: "If a line" |
286 text run at (5,221) width 741: "has room for a floated element, then t
he element should float so that its top is aligned with the top of the line-box
in" | 286 text run at (5,221) width 741: "has room for a floated element, then t
he element should float so that its top is aligned with the top of the line-box
in" |
287 text run at (5,239) width 177: "which the asterisk appears. " | 287 text run at (5,239) width 177: "which the asterisk appears. " |
288 text run at (181,239) width 411: "Otherwise, its top should align with
the top of the next line-box." | 288 text run at (181,239) width 411: "Otherwise, its top should align with
the top of the next line-box." |
289 RenderBlock {HR} at (364.28,2488) size 40.44x2 [border: (1px inset #EEEEEE
)] | 289 RenderBlock {HR} at (364.28,2488) size 40.44x2 [border: (1px inset #EEEEEE
)] |
290 RenderBlock {DIV} at (2,2498) size 765x118 [border: (5px solid #800080)] | 290 RenderBlock {DIV} at (2,2498) size 765x118 [border: (5px solid #800080)] |
291 RenderText {#text} at (20,5) size 188x18 | 291 RenderText {#text} at (20,5) size 188x18 |
292 text run at (20,5) width 180: "This is text within the DIV. " | 292 text run at (20,5) width 180: "This is text within the DIV. " |
293 text run at (199,5) width 9: "*" | 293 text run at (199,5) width 9: "*" |
294 RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #000000)] | 294 LayoutImage {IMG} at (5,5) size 15x36 [border: (3px solid #000000)] |
295 RenderText {#text} at (207,5) size 685x36 | 295 RenderText {#text} at (207,5) size 685x36 |
296 text run at (207,5) width 513: " The floating images within this DIV s
hould not go any higher than the line-box" | 296 text run at (207,5) width 513: " The floating images within this DIV s
hould not go any higher than the line-box" |
297 text run at (35,23) width 330: "containing the inline content which pr
ecedes them. " | 297 text run at (35,23) width 330: "containing the inline content which pr
ecedes them. " |
298 text run at (364,23) width 13: "* " | 298 text run at (364,23) width 13: "* " |
299 RenderImage {IMG} at (745,23) size 15x36 [border: (3px solid #000000)] | 299 LayoutImage {IMG} at (745,23) size 15x36 [border: (3px solid #000000)] |
300 RenderText {#text} at (376,23) size 326x18 | 300 RenderText {#text} at (376,23) size 326x18 |
301 text run at (376,23) width 318: "This means that the top side of each
float can be, " | 301 text run at (376,23) width 318: "This means that the top side of each
float can be, " |
302 text run at (693,23) width 9: "*" | 302 text run at (693,23) width 9: "*" |
303 RenderImage {IMG} at (20,23) size 15x36 [border: (3px solid #000000)] | 303 LayoutImage {IMG} at (20,23) size 15x36 [border: (3px solid #000000)] |
304 RenderText {#text} at (701,23) size 720x54 | 304 RenderText {#text} at (701,23) size 720x54 |
305 text run at (701,23) width 16: " at" | 305 text run at (701,23) width 16: " at" |
306 text run at (35,41) width 705: "most, as high as the top edge of the i
nline element containing the content just before the floating images occur" | 306 text run at (35,41) width 705: "most, as high as the top edge of the i
nline element containing the content just before the floating images occur" |
307 text run at (20,59) width 90: "in the source. " | 307 text run at (20,59) width 90: "in the source. " |
308 text run at (109,59) width 9: "*" | 308 text run at (109,59) width 9: "*" |
309 RenderImage {IMG} at (5,59) size 15x36 [border: (3px solid #000000)] | 309 LayoutImage {IMG} at (5,59) size 15x36 [border: (3px solid #000000)] |
310 RenderText {#text} at (117,59) size 755x54 | 310 RenderText {#text} at (117,59) size 755x54 |
311 text run at (117,59) width 632: " In order to mark these points clearl
y, an asterisk has been inserted just before each floated image. " | 311 text run at (117,59) width 632: " In order to mark these points clearl
y, an asterisk has been inserted just before each floated image. " |
312 text run at (748,59) width 12: "If" | 312 text run at (748,59) width 12: "If" |
313 text run at (20,77) width 740: "a line has room for a floated image, t
hen the image should float so that its top is aligned with the top of the line-b
ox" | 313 text run at (20,77) width 740: "a line has room for a floated image, t
hen the image should float so that its top is aligned with the top of the line-b
ox" |
314 text run at (5,95) width 193: "in which the asterisk appears. " | 314 text run at (5,95) width 193: "in which the asterisk appears. " |
315 text run at (197,95) width 411: "Otherwise, its top should align with
the top of the next line-box." | 315 text run at (197,95) width 411: "Otherwise, its top should align with
the top of the next line-box." |
316 RenderBlock {HR} at (24,2640) size 578.75x2 [border: (1px inset #EEEEEE)] | 316 RenderBlock {HR} at (24,2640) size 578.75x2 [border: (1px inset #EEEEEE)] |
317 RenderBlock {DIV} at (2,2666) size 490x298 [border: (5px solid #800080)] | 317 RenderBlock {DIV} at (2,2666) size 490x298 [border: (5px solid #800080)] |
318 RenderText {#text} at (199,5) size 56x18 | 318 RenderText {#text} at (199,5) size 56x18 |
319 text run at (199,5) width 56: "This is *" | 319 text run at (199,5) width 56: "This is *" |
(...skipping 23 matching lines...) Expand all Loading... |
343 text run at (5,185) width 428: "should flow between and under the two
floating elements. The two" | 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" | 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 specificat
ions, it may be acceptable for the top" | 345 text run at (5,221) width 474: "expected that, under future specificat
ions, 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" | 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" | 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 s
ource document." | 348 text run at (5,275) width 342: "before text which precedes it in the s
ource document." |
349 RenderBlock {HR} at (364.28,2972) size 40.44x2 [border: (1px inset #EEEEEE
)] | 349 RenderBlock {HR} at (364.28,2972) size 40.44x2 [border: (1px inset #EEEEEE
)] |
350 RenderBlock {DIV} at (2,2982) size 490x226 [border: (5px solid #800080)] | 350 RenderBlock {DIV} at (2,2982) size 490x226 [border: (5px solid #800080)] |
351 RenderText {#text} at (20,5) size 56x18 | 351 RenderText {#text} at (20,5) size 56x18 |
352 text run at (20,5) width 56: "This is *" | 352 text run at (20,5) width 56: "This is *" |
353 RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #000000)] | 353 LayoutImage {IMG} at (5,5) size 15x36 [border: (3px solid #000000)] |
354 RenderText {#text} at (75,5) size 13x18 | 354 RenderText {#text} at (75,5) size 13x18 |
355 text run at (75,5) width 13: " *" | 355 text run at (75,5) width 13: " *" |
356 RenderImage {IMG} at (470,5) size 15x36 [border: (3px solid #000000)] | 356 LayoutImage {IMG} at (470,5) size 15x36 [border: (3px solid #000000)] |
357 RenderText {#text} at (87,5) size 475x216 | 357 RenderText {#text} at (87,5) size 475x216 |
358 text run at (87,5) width 137: " text within the DIV. " | 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" | 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 cor
ner of the DIV, and the purple" | 360 text run at (20,23) width 431: "should be placed in the upper left cor
ner 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." | 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 sho
uld be placed in the upper right" | 362 text run at (5,59) width 445: "Similarly, the right floating image sho
uld be placed in the upper right" |
363 text run at (5,77) width 475: "corner of the DIV, and the purple borde
r of the DIV should abut the green" | 363 text run at (5,77) width 475: "corner of the DIV, and the purple borde
r 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" | 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 ima
ge. The two asterisk characters" | 365 text run at (5,113) width 452: "between and under the two floating ima
ge. The two asterisk characters" |
366 text run at (5,131) width 306: "mark the insertion points of the float
ing image. " | 366 text run at (5,131) width 306: "mark the insertion points of the float
ing image. " |
(...skipping 35 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
402 text run at (17,53) width 52: "source)." | 402 text run at (17,53) width 52: "source)." |
403 RenderText {#text} at (199,5) size 344x90 | 403 RenderText {#text} at (199,5) size 344x90 |
404 text run at (199,5) width 180: "This is text within the DIV. " | 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" | 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" | 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" | 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 shou
ld not overlap the top or" | 408 text run at (199,59) width 340: "of the floating elements shou
ld not overlap the top or" |
409 text run at (199,77) width 156: "side borders of the DIV." | 409 text run at (199,77) width 156: "side borders of the DIV." |
410 RenderBlock {HR} at (357.83,216) size 39.34x2 [border: (1px inset
#EEEEEE)] | 410 RenderBlock {HR} at (357.83,216) size 39.34x2 [border: (1px inset
#EEEEEE)] |
411 RenderBlock {DIV} at (6,226) size 743x64 [border: (5px solid #8000
80)] | 411 RenderBlock {DIV} at (6,226) size 743x64 [border: (5px solid #8000
80)] |
412 RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #00000
0)] | 412 LayoutImage {IMG} at (5,5) size 15x36 [border: (3px solid #00000
0)] |
413 RenderImage {IMG} at (723,5) size 15x36 [border: (3px solid #000
000)] | 413 LayoutImage {IMG} at (723,5) size 15x36 [border: (3px solid #000
000)] |
414 RenderText {#text} at (20,5) size 707x54 | 414 RenderText {#text} at (20,5) size 707x54 |
415 text run at (20,5) width 180: "This is text within the DIV. " | 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 thi
s DIV should not go beyond the left or right inner" | 416 text run at (199,5) width 513: "The floating images within thi
s 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" | 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." | 418 text run at (5,41) width 126: "borders of the DIV." |
419 RenderBlock {HR} at (28,314) size 562.25x2 [border: (1px inset #EE
EEEE)] | 419 RenderBlock {HR} at (28,314) size 562.25x2 [border: (1px inset #EE
EEEE)] |
420 RenderBlock {DIV} at (6,340) size 442x226 [border: (5px solid #800
080)] | 420 RenderBlock {DIV} at (6,340) size 442x226 [border: (5px solid #800
080)] |
421 RenderBlock (floating) {P} at (5,5) size 194x70 [bgcolor=#C0C0C0
] [border: (1px solid #00FF00)] | 421 RenderBlock (floating) {P} at (5,5) size 194x70 [bgcolor=#C0C0C0
] [border: (1px solid #00FF00)] |
422 RenderText {#text} at (17,17) size 128x36 | 422 RenderText {#text} at (17,17) size 128x36 |
423 text run at (17,17) width 128: "This is the first left-" | 423 text run at (17,17) width 128: "This is the first left-" |
(...skipping 16 matching lines...) Expand all Loading... |
440 text run at (199,95) width 222: "this DIV should not go beyond
the" | 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," | 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" | 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 o
verlap the top or side borders of the" | 443 text run at (5,149) width 422: "floating elements should not o
verlap the top or side borders of the" |
444 text run at (5,167) width 111: "DIV in any way. " | 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." | 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 b
y side, whereas the third should be on" | 446 text run at (5,185) width 432: "The first two should be side b
y side, whereas the third should be on" |
447 text run at (5,203) width 97: "the next \"line.\"" | 447 text run at (5,203) width 97: "the next \"line.\"" |
448 RenderBlock {HR} at (357.83,574) size 39.34x2 [border: (1px inset
#EEEEEE)] | 448 RenderBlock {HR} at (357.83,574) size 39.34x2 [border: (1px inset
#EEEEEE)] |
449 RenderBlock {DIV} at (6,584) size 360x208 [border: (5px solid #800
080)] | 449 RenderBlock {DIV} at (6,584) size 360x208 [border: (5px solid #800
080)] |
450 RenderImage {IMG} at (5,5) size 156x36 [border: (3px solid #0000
00)] | 450 LayoutImage {IMG} at (5,5) size 156x36 [border: (3px solid #0000
00)] |
451 RenderImage {IMG} at (161,5) size 156x36 [border: (3px solid #00
0000)] | 451 LayoutImage {IMG} at (161,5) size 156x36 [border: (3px solid #00
0000)] |
452 RenderImage {IMG} at (5,41) size 156x36 [border: (3px solid #000
000)] | 452 LayoutImage {IMG} at (5,41) size 156x36 [border: (3px solid #000
000)] |
453 RenderText {#text} at (317,5) size 346x198 | 453 RenderText {#text} at (317,5) size 346x198 |
454 text run at (317,5) width 29: "This" | 454 text run at (317,5) width 29: "This" |
455 text run at (317,23) width 11: "is" | 455 text run at (317,23) width 11: "is" |
456 text run at (161,41) width 133: "text within the DIV. " | 456 text run at (161,41) width 133: "text within the DIV. " |
457 text run at (293,41) width 26: "The" | 457 text run at (293,41) width 26: "The" |
458 text run at (161,59) width 172: "floating images within this" | 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 le
ft or right inner edge" | 459 text run at (5,77) width 343: "DIV should not go beyond the le
ft or right inner edge" |
460 text run at (5,95) width 310: "of this DIV, which means that t
he borders of the" | 460 text run at (5,95) width 310: "of this DIV, which means that t
he borders of the" |
461 text run at (5,113) width 318: "floating images should not ove
rlap the top or side" | 461 text run at (5,113) width 318: "floating images should not ove
rlap the top or side" |
462 text run at (5,131) width 204: "borders of the DIV in any way.
" | 462 text run at (5,131) width 204: "borders of the DIV in any way.
" |
(...skipping 30 matching lines...) Expand all Loading... |
493 text run at (139,219) width 153: "In addition, they should" | 493 text run at (139,219) width 153: "In addition, they should" |
494 text run at (5,237) width 293: "not overlap each other in any
way, nor should" | 494 text run at (5,237) width 293: "not overlap each other in any
way, nor should" |
495 text run at (5,255) width 302: "the floated elements be overwr
itten by the DIV" | 495 text run at (5,255) width 302: "the floated elements be overwr
itten by the DIV" |
496 text run at (5,273) width 32: "text. " | 496 text run at (5,273) width 32: "text. " |
497 text run at (36,273) width 255: "In addition, the floated elem
ents should" | 497 text run at (36,273) width 255: "In addition, the floated elem
ents should" |
498 text run at (5,291) width 300: "not be side-by-side, but inste
ad the first should" | 498 text run at (5,291) width 300: "not be side-by-side, but inste
ad the first should" |
499 text run at (5,309) width 281: "be floated left, and the secon
d floated to the" | 499 text run at (5,309) width 281: "be floated left, and the secon
d floated to the" |
500 text run at (5,327) width 131: "right below the first." | 500 text run at (5,327) width 131: "right below the first." |
501 RenderBlock {HR} at (357.83,1200) size 39.34x2 [border: (1px inset
#EEEEEE)] | 501 RenderBlock {HR} at (357.83,1200) size 39.34x2 [border: (1px inset
#EEEEEE)] |
502 RenderBlock {DIV} at (6,1210) size 410x226 [border: (5px solid #80
0080)] | 502 RenderBlock {DIV} at (6,1210) size 410x226 [border: (5px solid #80
0080)] |
503 RenderImage {IMG} at (5,5) size 256x36 [border: (3px solid #0000
00)] | 503 LayoutImage {IMG} at (5,5) size 256x36 [border: (3px solid #0000
00)] |
504 RenderImage {IMG} at (149,41) size 256x36 [border: (3px solid #0
00000)] | 504 LayoutImage {IMG} at (149,41) size 256x36 [border: (3px solid #0
00000)] |
505 RenderText {#text} at (261,5) size 396x216 | 505 RenderText {#text} at (261,5) size 396x216 |
506 text run at (261,5) width 140: "This is text within the" | 506 text run at (261,5) width 140: "This is text within the" |
507 text run at (261,23) width 37: "DIV. " | 507 text run at (261,23) width 37: "DIV. " |
508 text run at (297,23) width 80: "The floating" | 508 text run at (297,23) width 80: "The floating" |
509 text run at (5,41) width 118: "images within this" | 509 text run at (5,41) width 118: "images within this" |
510 text run at (5,59) width 120: "DIV should not go" | 510 text run at (5,59) width 120: "DIV should not go" |
511 text run at (5,77) width 388: "beyond the left or right inner
edge of this DIV, which means" | 511 text run at (5,77) width 388: "beyond the left or right inner
edge of this DIV, which means" |
512 text run at (5,95) width 391: "that the borders of the floatin
g images should not overlap the" | 512 text run at (5,95) width 391: "that the borders of the floatin
g images should not overlap the" |
513 text run at (5,113) width 276: "top or side borders of the DIV
in any way. " | 513 text run at (5,113) width 276: "top or side borders of the DIV
in any way. " |
514 text run at (280,113) width 106: "In addition, they" | 514 text run at (280,113) width 106: "In addition, they" |
(...skipping 19 matching lines...) Expand all Loading... |
534 text run at (199,5) width 180: "This is text within the DIV. " | 534 text run at (199,5) width 180: "This is text within the DIV. " |
535 text run at (378,5) width 141: "The floating elements" | 535 text run at (378,5) width 141: "The floating elements" |
536 text run at (199,23) width 338: "within this DIV should not go
beyond the top side of" | 536 text run at (199,23) width 338: "within this DIV should not go
beyond the top side of" |
537 text run at (199,41) width 292: "this DIV, which means that th
e borders of the" | 537 text run at (199,41) width 292: "this DIV, which means that th
e borders of the" |
538 text run at (199,59) width 329: "floating elements should not
overlap the top or side" | 538 text run at (199,59) width 329: "floating elements should not
overlap the top or side" |
539 text run at (199,77) width 204: "borders of the DIV in any way
. " | 539 text run at (199,77) width 204: "borders of the DIV in any way
. " |
540 text run at (402,77) width 140: "In addition, the top of" | 540 text run at (402,77) width 140: "In addition, the top of" |
541 text run at (5,95) width 505: "the left-floating box should no
t be higher than the top of the right-floating box." | 541 text run at (5,95) width 505: "the left-floating box should no
t be higher than the top of the right-floating box." |
542 RenderBlock {HR} at (357.83,1612) size 39.34x2 [border: (1px inset
#EEEEEE)] | 542 RenderBlock {HR} at (357.83,1612) size 39.34x2 [border: (1px inset
#EEEEEE)] |
543 RenderBlock {DIV} at (6,1622) size 743x82 [border: (5px solid #800
080)] | 543 RenderBlock {DIV} at (6,1622) size 743x82 [border: (5px solid #800
080)] |
544 RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #00000
0)] | 544 LayoutImage {IMG} at (5,5) size 15x36 [border: (3px solid #00000
0)] |
545 RenderImage {IMG} at (723,5) size 15x36 [border: (3px solid #000
000)] | 545 LayoutImage {IMG} at (723,5) size 15x36 [border: (3px solid #000
000)] |
546 RenderText {#text} at (20,5) size 694x72 | 546 RenderText {#text} at (20,5) size 694x72 |
547 text run at (20,5) width 180: "This is text within the DIV. " | 547 text run at (20,5) width 180: "This is text within the DIV. " |
548 text run at (199,5) width 498: "The floating images within thi
s DIV should not go beyond the top side of this" | 548 text run at (199,5) width 498: "The floating images within thi
s DIV should not go beyond the top side of this" |
549 text run at (20,23) width 679: "DIV, which means that the bord
ers of the floating images should not overlap the top or side borders of the" | 549 text run at (20,23) width 679: "DIV, which means that the bord
ers of the floating images should not overlap the top or side borders of the" |
550 text run at (5,41) width 111: "DIV in any way. " | 550 text run at (5,41) width 111: "DIV in any way. " |
551 text run at (115,41) width 582: "In addition, the top of the l
eft-floating image should not be higher than the top of the right-" | 551 text run at (115,41) width 582: "In addition, the top of the l
eft-floating image should not be higher than the top of the right-" |
552 text run at (5,59) width 97: "floating image." | 552 text run at (5,59) width 97: "floating image." |
553 RenderBlock {HR} at (28,1728) size 562.25x2 [border: (1px inset #E
EEEEE)] | 553 RenderBlock {HR} at (28,1728) size 562.25x2 [border: (1px inset #E
EEEEE)] |
554 RenderBlock {DIV} at (6,1754) size 743x136 [border: (5px solid #80
0080)] | 554 RenderBlock {DIV} at (6,1754) size 743x136 [border: (5px solid #80
0080)] |
555 RenderText {#text} at (199,5) size 188x18 | 555 RenderText {#text} at (199,5) size 188x18 |
(...skipping 18 matching lines...) Expand all Loading... |
574 text run at (199,59) width 321: "most, as high as the top edge
of the inline element" | 574 text run at (199,59) width 321: "most, as high as the top edge
of the inline element" |
575 text run at (199,77) width 292: "containing the content just b
efore the floating" | 575 text run at (199,77) width 292: "containing the content just b
efore the floating" |
576 text run at (5,95) width 191: "elements occur in the source. " | 576 text run at (5,95) width 191: "elements occur in the source. " |
577 text run at (195,95) width 334: "In order to mark these points
clearly, an asterisk has" | 577 text run at (195,95) width 334: "In order to mark these points
clearly, an asterisk has" |
578 text run at (5,113) width 298: "been inserted just before each
floated element." | 578 text run at (5,113) width 298: "been inserted just before each
floated element." |
579 RenderBlock {HR} at (357.83,1898) size 39.34x2 [border: (1px inset
#EEEEEE)] | 579 RenderBlock {HR} at (357.83,1898) size 39.34x2 [border: (1px inset
#EEEEEE)] |
580 RenderBlock {DIV} at (6,1908) size 743x82 [border: (5px solid #800
080)] | 580 RenderBlock {DIV} at (6,1908) size 743x82 [border: (5px solid #800
080)] |
581 RenderText {#text} at (20,5) size 188x18 | 581 RenderText {#text} at (20,5) size 188x18 |
582 text run at (20,5) width 180: "This is text within the DIV. " | 582 text run at (20,5) width 180: "This is text within the DIV. " |
583 text run at (199,5) width 9: "*" | 583 text run at (199,5) width 9: "*" |
584 RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #00000
0)] | 584 LayoutImage {IMG} at (5,5) size 15x36 [border: (3px solid #00000
0)] |
585 RenderText {#text} at (207,5) size 700x36 | 585 RenderText {#text} at (207,5) size 700x36 |
586 text run at (207,5) width 513: " The floating images within th
is DIV should not go any higher than the line-box" | 586 text run at (207,5) width 513: " The floating images within th
is DIV should not go any higher than the line-box" |
587 text run at (20,23) width 330: "containing the inline content
which precedes them. " | 587 text run at (20,23) width 330: "containing the inline content
which precedes them. " |
588 text run at (349,23) width 13: "* " | 588 text run at (349,23) width 13: "* " |
589 RenderImage {IMG} at (723,23) size 15x36 [border: (3px solid #00
0000)] | 589 LayoutImage {IMG} at (723,23) size 15x36 [border: (3px solid #00
0000)] |
590 RenderText {#text} at (361,23) size 713x54 | 590 RenderText {#text} at (361,23) size 713x54 |
591 text run at (361,23) width 329: "This means that the top side
of each float can be, at" | 591 text run at (361,23) width 329: "This means that the top side
of each float can be, at" |
592 text run at (5,41) width 705: "most, as high as the top edge o
f the inline element containing the content just before the floating images occu
r" | 592 text run at (5,41) width 705: "most, as high as the top edge o
f the inline element containing the content just before the floating images occu
r" |
593 text run at (5,59) width 90: "in the source. " | 593 text run at (5,59) width 90: "in the source. " |
594 text run at (94,59) width 624: "In order to mark these points
clearly, an asterisk has been inserted just before each floated image." | 594 text run at (94,59) width 624: "In order to mark these points
clearly, an asterisk has been inserted just before each floated image." |
595 RenderBlock {HR} at (28,2014) size 562.25x2 [border: (1px inset #E
EEEEE)] | 595 RenderBlock {HR} at (28,2014) size 562.25x2 [border: (1px inset #E
EEEEE)] |
596 RenderBlock {DIV} at (6,2040) size 743x226 [border: (5px solid #80
0080)] | 596 RenderBlock {DIV} at (6,2040) size 743x226 [border: (5px solid #80
0080)] |
597 RenderText {#text} at (199,5) size 188x18 | 597 RenderText {#text} at (199,5) size 188x18 |
598 text run at (199,5) width 180: "This is text within the DIV. " | 598 text run at (199,5) width 180: "This is text within the DIV. " |
599 text run at (378,5) width 9: "*" | 599 text run at (378,5) width 9: "*" |
(...skipping 36 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
636 text run at (199,149) width 505: "mark these points clearly, a
n asterisk has been inserted just before each floated" | 636 text run at (199,149) width 505: "mark these points clearly, a
n asterisk has been inserted just before each floated" |
637 text run at (199,167) width 59: "element. " | 637 text run at (199,167) width 59: "element. " |
638 text run at (257,167) width 463: "If a line has room for a flo
ated element, then the element should float so" | 638 text run at (257,167) width 463: "If a line has room for a flo
ated element, then the element should float so" |
639 text run at (199,185) width 505: "that its top is aligned with
the top of the line-box in which the asterisk appears." | 639 text run at (199,185) width 505: "that its top is aligned with
the top of the line-box in which the asterisk appears." |
640 text run at (199,203) width 411: "Otherwise, its top should al
ign with the top of the next line-box." | 640 text run at (199,203) width 411: "Otherwise, its top should al
ign with the top of the next line-box." |
641 RenderBlock {HR} at (357.83,2277) size 39.34x2 [border: (1px inset
#EEEEEE)] | 641 RenderBlock {HR} at (357.83,2277) size 39.34x2 [border: (1px inset
#EEEEEE)] |
642 RenderBlock {DIV} at (6,2287) size 743x118 [border: (5px solid #80
0080)] | 642 RenderBlock {DIV} at (6,2287) size 743x118 [border: (5px solid #80
0080)] |
643 RenderText {#text} at (20,5) size 188x18 | 643 RenderText {#text} at (20,5) size 188x18 |
644 text run at (20,5) width 180: "This is text within the DIV. " | 644 text run at (20,5) width 180: "This is text within the DIV. " |
645 text run at (199,5) width 9: "*" | 645 text run at (199,5) width 9: "*" |
646 RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #00000
0)] | 646 LayoutImage {IMG} at (5,5) size 15x36 [border: (3px solid #00000
0)] |
647 RenderText {#text} at (207,5) size 685x36 | 647 RenderText {#text} at (207,5) size 685x36 |
648 text run at (207,5) width 513: " The floating images within th
is DIV should not go any higher than the line-box" | 648 text run at (207,5) width 513: " The floating images within th
is DIV should not go any higher than the line-box" |
649 text run at (35,23) width 330: "containing the inline content
which precedes them. " | 649 text run at (35,23) width 330: "containing the inline content
which precedes them. " |
650 text run at (364,23) width 13: "* " | 650 text run at (364,23) width 13: "* " |
651 RenderImage {IMG} at (723,23) size 15x36 [border: (3px solid #00
0000)] | 651 LayoutImage {IMG} at (723,23) size 15x36 [border: (3px solid #00
0000)] |
652 RenderText {#text} at (376,23) size 326x18 | 652 RenderText {#text} at (376,23) size 326x18 |
653 text run at (376,23) width 318: "This means that the top side
of each float can be, " | 653 text run at (376,23) width 318: "This means that the top side
of each float can be, " |
654 text run at (693,23) width 9: "*" | 654 text run at (693,23) width 9: "*" |
655 RenderImage {IMG} at (20,23) size 15x36 [border: (3px solid #000
000)] | 655 LayoutImage {IMG} at (20,23) size 15x36 [border: (3px solid #000
000)] |
656 RenderText {#text} at (701,23) size 697x54 | 656 RenderText {#text} at (701,23) size 697x54 |
657 text run at (701,23) width 16: " at" | 657 text run at (701,23) width 16: " at" |
658 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" | 658 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" |
659 text run at (20,59) width 130: "occur in the source. " | 659 text run at (20,59) width 130: "occur in the source. " |
660 text run at (149,59) width 9: "*" | 660 text run at (149,59) width 9: "*" |
661 RenderImage {IMG} at (5,59) size 15x36 [border: (3px solid #0000
00)] | 661 LayoutImage {IMG} at (5,59) size 15x36 [border: (3px solid #0000
00)] |
662 RenderText {#text} at (157,59) size 733x54 | 662 RenderText {#text} at (157,59) size 733x54 |
663 text run at (157,59) width 581: " In order to mark these point
s clearly, an asterisk has been inserted just before each floated" | 663 text run at (157,59) width 581: " In order to mark these point
s clearly, an asterisk has been inserted just before each floated" |
664 text run at (20,77) width 48: "image. " | 664 text run at (20,77) width 48: "image. " |
665 text run at (67,77) width 657: "If a line has room for a float
ed image, then the image should float so that its top is aligned with the top" | 665 text run at (67,77) width 657: "If a line has room for a float
ed image, then the image should float so that its top is aligned with the top" |
666 text run at (5,95) width 292: "of the line-box in which the as
terisk appears. " | 666 text run at (5,95) width 292: "of the line-box in which the as
terisk appears. " |
667 text run at (296,95) width 411: "Otherwise, its top should ali
gn with the top of the next line-box." | 667 text run at (296,95) width 411: "Otherwise, its top should ali
gn with the top of the next line-box." |
668 RenderBlock {HR} at (28,2429) size 562.25x2 [border: (1px inset #E
EEEEE)] | 668 RenderBlock {HR} at (28,2429) size 562.25x2 [border: (1px inset #E
EEEEE)] |
669 RenderBlock {DIV} at (6,2455) size 490x298 [border: (5px solid #80
0080)] | 669 RenderBlock {DIV} at (6,2455) size 490x298 [border: (5px solid #80
0080)] |
670 RenderText {#text} at (199,5) size 56x18 | 670 RenderText {#text} at (199,5) size 56x18 |
671 text run at (199,5) width 56: "This is *" | 671 text run at (199,5) width 56: "This is *" |
(...skipping 23 matching lines...) Expand all Loading... |
695 text run at (5,185) width 428: "should flow between and under
the two floating elements. The two" | 695 text run at (5,185) width 428: "should flow between and under
the two floating elements. The two" |
696 text run at (5,203) width 470: "asterisk characters mark the i
nsertion points of the floating elements. It is" | 696 text run at (5,203) width 470: "asterisk characters mark the i
nsertion points of the floating elements. It is" |
697 text run at (5,221) width 474: "expected that, under future sp
ecifications, it may be acceptable for the top" | 697 text run at (5,221) width 474: "expected that, under future sp
ecifications, it may be acceptable for the top" |
698 text run at (5,239) width 444: "of floated elements to align w
ith the top of the line-box following the" | 698 text run at (5,239) width 444: "of floated elements to align w
ith the top of the line-box following the" |
699 text run at (5,257) width 475: "insertion point of the floated
element to avoid floating elements appearing" | 699 text run at (5,257) width 475: "insertion point of the floated
element to avoid floating elements appearing" |
700 text run at (5,275) width 342: "before text which precedes it
in the source document." | 700 text run at (5,275) width 342: "before text which precedes it
in the source document." |
701 RenderBlock {HR} at (357.83,2761) size 39.34x2 [border: (1px inset
#EEEEEE)] | 701 RenderBlock {HR} at (357.83,2761) size 39.34x2 [border: (1px inset
#EEEEEE)] |
702 RenderBlock {DIV} at (6,2771) size 490x226 [border: (5px solid #80
0080)] | 702 RenderBlock {DIV} at (6,2771) size 490x226 [border: (5px solid #80
0080)] |
703 RenderText {#text} at (20,5) size 56x18 | 703 RenderText {#text} at (20,5) size 56x18 |
704 text run at (20,5) width 56: "This is *" | 704 text run at (20,5) width 56: "This is *" |
705 RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #00000
0)] | 705 LayoutImage {IMG} at (5,5) size 15x36 [border: (3px solid #00000
0)] |
706 RenderText {#text} at (75,5) size 13x18 | 706 RenderText {#text} at (75,5) size 13x18 |
707 text run at (75,5) width 13: " *" | 707 text run at (75,5) width 13: " *" |
708 RenderImage {IMG} at (470,5) size 15x36 [border: (3px solid #000
000)] | 708 LayoutImage {IMG} at (470,5) size 15x36 [border: (3px solid #000
000)] |
709 RenderText {#text} at (87,5) size 475x216 | 709 RenderText {#text} at (87,5) size 475x216 |
710 text run at (87,5) width 137: " text within the DIV. " | 710 text run at (87,5) width 137: " text within the DIV. " |
711 text run at (223,5) width 232: "Under CSS1, the left floating
image" | 711 text run at (223,5) width 232: "Under CSS1, the left floating
image" |
712 text run at (20,23) width 431: "should be placed in the upper
left corner of the DIV, and the purple" | 712 text run at (20,23) width 431: "should be placed in the upper
left corner of the DIV, and the purple" |
713 text run at (5,41) width 444: "border of the DIV should abut t
he green border of the floating image." | 713 text run at (5,41) width 444: "border of the DIV should abut t
he green border of the floating image." |
714 text run at (5,59) width 445: "Similarly, the right floating i
mage should be placed in the upper right" | 714 text run at (5,59) width 445: "Similarly, the right floating i
mage should be placed in the upper right" |
715 text run at (5,77) width 475: "corner of the DIV, and the purp
le border of the DIV should abut the green" | 715 text run at (5,77) width 475: "corner of the DIV, and the purp
le border of the DIV should abut the green" |
716 text run at (5,95) width 449: "border of the floating image. T
he text of the DIV element should flow" | 716 text run at (5,95) width 449: "border of the floating image. T
he text of the DIV element should flow" |
717 text run at (5,113) width 452: "between and under the two floa
ting image. The two asterisk characters" | 717 text run at (5,113) width 452: "between and under the two floa
ting image. The two asterisk characters" |
718 text run at (5,131) width 306: "mark the insertion points of t
he floating image. " | 718 text run at (5,131) width 306: "mark the insertion points of t
he floating image. " |
719 text run at (310,131) width 158: "It is expected that, under" | 719 text run at (310,131) width 158: "It is expected that, under" |
720 text run at (5,149) width 467: "future specifications, it may
be acceptable for the top of floated elements" | 720 text run at (5,149) width 467: "future specifications, it may
be acceptable for the top of floated elements" |
721 text run at (5,167) width 455: "to align with the top of the l
ine-box following the insertion point of the" | 721 text run at (5,167) width 455: "to align with the top of the l
ine-box following the insertion point of the" |
722 text run at (5,185) width 453: "floated element to avoid float
ing elements appearing before text which" | 722 text run at (5,185) width 453: "floated element to avoid float
ing elements appearing before text which" |
723 text run at (5,203) width 226: "precedes it in the source docu
ment." | 723 text run at (5,203) width 226: "precedes it in the source docu
ment." |
724 RenderBlock {HR} at (28,3021) size 562.25x2 [border: (1px inset #E
EEEEE)] | 724 RenderBlock {HR} at (28,3021) size 562.25x2 [border: (1px inset #E
EEEEE)] |
OLD | NEW |