Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(216)

Side by Side Diff: LayoutTests/platform/win/css1/formatting_model/floating_elements-expected.txt

Issue 923953002: Move rendering/RenderImage* to layout/LayoutImage* (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: Created 5 years, 10 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
1 layer at (0,0) size 800x600 clip at (0,0) size 785x600 scrollHeight 6362 1 layer at (0,0) size 800x600 clip at (0,0) size 785x600 scrollHeight 6362
2 RenderView at (0,0) size 800x600 2 RenderView at (0,0) size 800x600
3 layer at (0,0) size 785x6362 backgroundClip at (0,0) size 785x600 clip at (0,0) size 785x600 outlineClip at (0,0) size 785x600 3 layer at (0,0) size 785x6362 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 785x6362 4 RenderBlock {HTML} at (0,0) size 785x6362
5 RenderBody {BODY} at (8,8) size 769x6346 [bgcolor=#CCCCCC] 5 RenderBody {BODY} at (8,8) size 769x6346 [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 363x17 7 RenderText {#text} at (0,0) size 363x17
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 769x144 9 RenderBlock {PRE} at (0,34) size 769x144
10 RenderText {#text} at (0,0) size 480x144 10 RenderText {#text} at (0,0) size 480x144
(...skipping 35 matching lines...) Expand 10 before | Expand all | Expand 10 after
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 365x89 47 RenderText {#text} at (199,5) size 365x89
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,421) size 40.44x2 [border: (1px inset #EEEEEE) ] 54 RenderBlock {HR} at (364.28,421) size 40.44x2 [border: (1px inset #EEEEEE) ]
55 RenderBlock {DIV} at (2,431) size 765x64 [border: (5px solid #800080)] 55 RenderBlock {DIV} at (2,431) 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 732x53 58 RenderText {#text} at (20,5) size 732x53
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,519) size 578.75x2 [border: (1px inset #EEEEEE)] 63 RenderBlock {HR} at (24,519) size 578.75x2 [border: (1px inset #EEEEEE)]
64 RenderBlock {DIV} at (2,545) size 442x226 [border: (5px solid #800080)] 64 RenderBlock {DIV} at (2,545) 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 128x35 66 RenderText {#text} at (17,17) size 128x35
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
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,779) size 40.44x2 [border: (1px inset #EEEEEE) ] 92 RenderBlock {HR} at (364.28,779) size 40.44x2 [border: (1px inset #EEEEEE) ]
93 RenderBlock {DIV} at (2,789) size 360x208 [border: (5px solid #800080)] 93 RenderBlock {DIV} at (2,789) 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 346x197 97 RenderText {#text} at (317,5) size 346x197
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
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,1405) size 40.44x2 [border: (1px inset #EEEEEE )] 145 RenderBlock {HR} at (364.28,1405) size 40.44x2 [border: (1px inset #EEEEEE )]
146 RenderBlock {DIV} at (2,1415) size 410x226 [border: (5px solid #800080)] 146 RenderBlock {DIV} at (2,1415) 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 396x215 149 RenderText {#text} at (261,5) size 396x215
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
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,1817) size 40.44x2 [border: (1px inset #EEEEEE )] 186 RenderBlock {HR} at (364.28,1817) size 40.44x2 [border: (1px inset #EEEEEE )]
187 RenderBlock {DIV} at (2,1827) size 765x64 [border: (5px solid #800080)] 187 RenderBlock {DIV} at (2,1827) 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 734x53 190 RenderText {#text} at (20,5) size 734x53
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,1915) size 578.75x2 [border: (1px inset #EEEEEE)] 196 RenderBlock {HR} at (24,1915) size 578.75x2 [border: (1px inset #EEEEEE)]
197 RenderBlock {DIV} at (2,1941) size 765x136 [border: (5px solid #800080)] 197 RenderBlock {DIV} at (2,1941) size 765x136 [border: (5px solid #800080)]
198 RenderText {#text} at (199,5) size 188x17 198 RenderText {#text} at (199,5) size 188x17
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
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,2085) size 40.44x2 [border: (1px inset #EEEEEE )] 223 RenderBlock {HR} at (364.28,2085) size 40.44x2 [border: (1px inset #EEEEEE )]
224 RenderBlock {DIV} at (2,2095) size 765x82 [border: (5px solid #800080)] 224 RenderBlock {DIV} at (2,2095) size 765x82 [border: (5px solid #800080)]
225 RenderText {#text} at (20,5) size 188x17 225 RenderText {#text} at (20,5) size 188x17
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 700x35 229 RenderText {#text} at (207,5) size 700x35
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 724x53 234 RenderText {#text} at (361,23) size 724x53
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,2201) size 578.75x2 [border: (1px inset #EEEEEE)] 239 RenderBlock {HR} at (24,2201) size 578.75x2 [border: (1px inset #EEEEEE)]
240 RenderBlock {DIV} at (2,2227) size 765x262 [border: (5px solid #800080)] 240 RenderBlock {DIV} at (2,2227) size 765x262 [border: (5px solid #800080)]
241 RenderText {#text} at (199,5) size 188x17 241 RenderText {#text} at (199,5) size 188x17
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
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,2497) size 40.44x2 [border: (1px inset #EEEEEE )] 289 RenderBlock {HR} at (364.28,2497) size 40.44x2 [border: (1px inset #EEEEEE )]
290 RenderBlock {DIV} at (2,2507) size 765x118 [border: (5px solid #800080)] 290 RenderBlock {DIV} at (2,2507) size 765x118 [border: (5px solid #800080)]
291 RenderText {#text} at (20,5) size 188x17 291 RenderText {#text} at (20,5) size 188x17
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 685x35 295 RenderText {#text} at (207,5) size 685x35
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 326x17 300 RenderText {#text} at (376,23) size 326x17
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 720x53 304 RenderText {#text} at (701,23) size 720x53
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 755x53 310 RenderText {#text} at (117,59) size 755x53
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,2649) size 578.75x2 [border: (1px inset #EEEEEE)] 316 RenderBlock {HR} at (24,2649) size 578.75x2 [border: (1px inset #EEEEEE)]
317 RenderBlock {DIV} at (2,2675) size 490x298 [border: (5px solid #800080)] 317 RenderBlock {DIV} at (2,2675) size 490x298 [border: (5px solid #800080)]
318 RenderText {#text} at (199,5) size 56x17 318 RenderText {#text} at (199,5) size 56x17
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
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,2981) size 40.44x2 [border: (1px inset #EEEEEE )] 349 RenderBlock {HR} at (364.28,2981) size 40.44x2 [border: (1px inset #EEEEEE )]
350 RenderBlock {DIV} at (2,2991) size 490x226 [border: (5px solid #800080)] 350 RenderBlock {DIV} at (2,2991) size 490x226 [border: (5px solid #800080)]
351 RenderText {#text} at (20,5) size 56x17 351 RenderText {#text} at (20,5) size 56x17
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 13x17 354 RenderText {#text} at (75,5) size 13x17
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 475x215 357 RenderText {#text} at (87,5) size 475x215
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
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 344x89 403 RenderText {#text} at (199,5) size 344x89
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 707x53 414 RenderText {#text} at (20,5) size 707x53
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 128x35 422 RenderText {#text} at (17,17) size 128x35
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
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 346x197 453 RenderText {#text} at (317,5) size 346x197
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
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 396x215 505 RenderText {#text} at (261,5) size 396x215
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
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 694x71 546 RenderText {#text} at (20,5) size 694x71
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 188x17 555 RenderText {#text} at (199,5) size 188x17
(...skipping 18 matching lines...) Expand all
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 188x17 581 RenderText {#text} at (20,5) size 188x17
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 700x35 585 RenderText {#text} at (207,5) size 700x35
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 713x53 590 RenderText {#text} at (361,23) size 713x53
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 188x17 597 RenderText {#text} at (199,5) size 188x17
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
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 188x17 643 RenderText {#text} at (20,5) size 188x17
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 685x35 647 RenderText {#text} at (207,5) size 685x35
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 326x17 652 RenderText {#text} at (376,23) size 326x17
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 697x53 656 RenderText {#text} at (701,23) size 697x53
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 733x53 662 RenderText {#text} at (157,59) size 733x53
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 56x17 670 RenderText {#text} at (199,5) size 56x17
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
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 56x17 703 RenderText {#text} at (20,5) size 56x17
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 13x17 706 RenderText {#text} at (75,5) size 13x17
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 475x215 709 RenderText {#text} at (87,5) size 475x215
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)]
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698