Index: third_party/WebKit/LayoutTests/platform/win/css1/formatting_model/floating_elements-expected.txt |
diff --git a/third_party/WebKit/LayoutTests/platform/win/css1/formatting_model/floating_elements-expected.txt b/third_party/WebKit/LayoutTests/platform/win/css1/formatting_model/floating_elements-expected.txt |
index 628b46f2e97aa00f60e613c515463a6593b76a36..a0f68bf4ccafd609db8839c1ca0c7ba1ebbccc5c 100644 |
--- a/third_party/WebKit/LayoutTests/platform/win/css1/formatting_model/floating_elements-expected.txt |
+++ b/third_party/WebKit/LayoutTests/platform/win/css1/formatting_model/floating_elements-expected.txt |
@@ -44,22 +44,22 @@ layer at (0,0) size 785x6362 backgroundClip at (0,0) size 785x600 clip at (0,0) |
text run at (17,17) width 144: "This is a right-floating" |
text run at (17,35) width 135: "paragraph (second in" |
text run at (17,53) width 52: "source)." |
- LayoutText {#text} at (199,5) size 363x89 |
- text run at (199,5) width 178: "This is text within the DIV. " |
- text run at (376,5) width 186: "The floating elements within" |
+ LayoutText {#text} at (199,5) size 365x89 |
+ text run at (199,5) width 180: "This is text within the DIV. " |
+ text run at (378,5) width 186: "The floating elements within" |
text run at (199,23) width 336: "this DIV should not go beyond the left or right inner" |
- text run at (199,41) width 342: "edge of this DIV, which means that the borders of the" |
+ text run at (199,41) width 344: "edge of this DIV, which means that the borders of the" |
text run at (199,59) width 329: "floating elements should not overlap the top or side" |
- text run at (199,77) width 124: "borders of the DIV." |
+ text run at (199,77) width 126: "borders of the DIV." |
LayoutBlockFlow {HR} at (364.28,421) size 40.44x2 [border: (1px inset #EEEEEE)] |
LayoutBlockFlow {DIV} at (2,431) size 765x64 [border: (5px solid #800080)] |
LayoutImage (floating) {IMG} at (5,5) size 15x36 [border: (3px solid #000000)] |
LayoutImage (floating) {IMG} at (745,5) size 15x36 [border: (3px solid #000000)] |
- LayoutText {#text} at (20,5) size 740x53 |
- text run at (20,5) width 178: "This is text within the DIV. " |
- text run at (197,5) width 548: "The floating images within this DIV should not go beyond the left or right inner edge" |
- text run at (20,23) width 722: "of this DIV, which means that the borders of the floating images should not overlap the top or side borders of the" |
- text run at (5,41) width 31: "DIV." |
+ LayoutText {#text} at (20,5) size 732x53 |
+ text run at (20,5) width 180: "This is text within the DIV. " |
+ text run at (199,5) width 513: "The floating images within this DIV should not go beyond the left or right inner" |
+ 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" |
+ text run at (5,41) width 74: "of the DIV." |
LayoutBlockFlow {HR} at (24,519) size 578.75x2 [border: (1px inset #EEEEEE)] |
LayoutBlockFlow {DIV} at (2,545) size 442x226 [border: (5px solid #800080)] |
LayoutBlockFlow (floating) {P} at (5,5) size 194x70 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)] |
@@ -79,14 +79,14 @@ layer at (0,0) size 785x6362 backgroundClip at (0,0) size 785x600 clip at (0,0) |
text run at (393,23) width 24: "text" |
text run at (393,41) width 41: "within" |
text run at (393,59) width 20: "the" |
- text run at (199,77) width 35: "DIV. " |
- text run at (233,77) width 185: "The floating elements within" |
+ text run at (199,77) width 37: "DIV. " |
+ text run at (235,77) width 185: "The floating elements within" |
text run at (199,95) width 222: "this DIV should not go beyond the" |
- text run at (199,113) width 223: "left or right inner edge of this DIV," |
+ text run at (199,113) width 225: "left or right inner edge of this DIV," |
text run at (199,131) width 229: "which means that the borders of the" |
text run at (5,149) width 422: "floating elements should not overlap the top or side borders of the" |
- text run at (5,167) width 110: "DIV in any way. " |
- text run at (114,167) width 303: "In addition, they should not overlap each other." |
+ text run at (5,167) width 111: "DIV in any way. " |
+ text run at (115,167) width 304: "In addition, they should not overlap each other." |
text run at (5,185) width 432: "The first two should be side by side, whereas the third should be on" |
text run at (5,203) width 97: "the next \"line.\"" |
LayoutBlockFlow {HR} at (364.28,779) size 40.44x2 [border: (1px inset #EEEEEE)] |
@@ -94,19 +94,19 @@ layer at (0,0) size 785x6362 backgroundClip at (0,0) size 785x600 clip at (0,0) |
LayoutImage (floating) {IMG} at (5,5) size 156x36 [border: (3px solid #000000)] |
LayoutImage (floating) {IMG} at (161,5) size 156x36 [border: (3px solid #000000)] |
LayoutImage (floating) {IMG} at (5,41) size 156x36 [border: (3px solid #000000)] |
- LayoutText {#text} at (317,5) size 345x197 |
+ LayoutText {#text} at (317,5) size 346x197 |
text run at (317,5) width 29: "This" |
text run at (317,23) width 11: "is" |
- text run at (161,41) width 131: "text within the DIV. " |
- text run at (291,41) width 26: "The" |
+ text run at (161,41) width 133: "text within the DIV. " |
+ text run at (293,41) width 26: "The" |
text run at (161,59) width 172: "floating images within this" |
text run at (5,77) width 343: "DIV should not go beyond the left or right inner edge" |
- text run at (5,95) width 308: "of this DIV, which means that the borders of the" |
+ text run at (5,95) width 310: "of this DIV, which means that the borders of the" |
text run at (5,113) width 318: "floating images should not overlap the top or side" |
- text run at (5,131) width 203: "borders of the DIV in any way. " |
- text run at (207,131) width 106: "In addition, they" |
- text run at (5,149) width 197: "should not overlap each other. " |
- text run at (201,149) width 149: "The first two should be" |
+ text run at (5,131) width 204: "borders of the DIV in any way. " |
+ text run at (208,131) width 106: "In addition, they" |
+ text run at (5,149) width 198: "should not overlap each other. " |
+ text run at (202,149) width 149: "The first two should be" |
text run at (5,167) width 335: "side by side, whereas the third should be on the next" |
text run at (5,185) width 42: "\"line.\"" |
LayoutBlockFlow {HR} at (24,1021) size 578.75x2 [border: (1px inset #EEEEEE)] |
@@ -123,19 +123,19 @@ layer at (0,0) size 785x6362 backgroundClip at (0,0) size 785x600 clip at (0,0) |
text run at (17,53) width 52: "source)." |
LayoutText {#text} at (199,5) size 302x339 |
text run at (199,5) width 72: "This is text" |
- text run at (199,23) width 99: "within the DIV." |
+ text run at (199,23) width 101: "within the DIV." |
text run at (199,41) width 79: "The floating" |
text run at (199,59) width 102: "elements within" |
text run at (5,93) width 103: "this DIV should" |
text run at (5,111) width 92: "not go beyond" |
text run at (5,129) width 97: "the left or right" |
text run at (5,147) width 85: "inner edge of" |
- text run at (5,165) width 101: "this DIV, which" |
+ text run at (5,165) width 103: "this DIV, which" |
text run at (5,183) width 300: "means that the borders of the floating elements" |
text run at (5,201) width 284: "should not overlap the top or side borders of" |
- text run at (5,219) width 134: "the DIV in any way. " |
- text run at (138,219) width 153: "In addition, they should" |
- text run at (5,237) width 292: "not overlap each other in any way, nor should" |
+ text run at (5,219) width 135: "the DIV in any way. " |
+ text run at (139,219) width 153: "In addition, they should" |
+ text run at (5,237) width 293: "not overlap each other in any way, nor should" |
text run at (5,255) width 302: "the floated elements be overwritten by the DIV" |
text run at (5,273) width 32: "text. " |
text run at (36,273) width 255: "In addition, the floated elements should" |
@@ -148,15 +148,15 @@ layer at (0,0) size 785x6362 backgroundClip at (0,0) size 785x600 clip at (0,0) |
LayoutImage (floating) {IMG} at (149,41) size 256x36 [border: (3px solid #000000)] |
LayoutText {#text} at (261,5) size 396x215 |
text run at (261,5) width 140: "This is text within the" |
- text run at (261,23) width 35: "DIV. " |
- text run at (295,23) width 80: "The floating" |
+ text run at (261,23) width 37: "DIV. " |
+ text run at (297,23) width 80: "The floating" |
text run at (5,41) width 118: "images within this" |
text run at (5,59) width 120: "DIV should not go" |
- text run at (5,77) width 386: "beyond the left or right inner edge of this DIV, which means" |
+ text run at (5,77) width 388: "beyond the left or right inner edge of this DIV, which means" |
text run at (5,95) width 391: "that the borders of the floating images should not overlap the" |
- text run at (5,113) width 274: "top or side borders of the DIV in any way. " |
- text run at (279,113) width 106: "In addition, they" |
- text run at (5,131) width 362: "should not overlap each other in any way, nor should the" |
+ text run at (5,113) width 276: "top or side borders of the DIV in any way. " |
+ text run at (280,113) width 106: "In addition, they" |
+ text run at (5,131) width 364: "should not overlap each other in any way, nor should the" |
text run at (5,149) width 315: "floated elements be overwritten by the DIV text. " |
text run at (319,149) width 74: "In addition," |
text run at (5,167) width 392: "the floated images should not be side-by-side, but instead the" |
@@ -174,37 +174,37 @@ layer at (0,0) size 785x6362 backgroundClip at (0,0) size 785x600 clip at (0,0) |
text run at (17,17) width 135: "This is a left-floating" |
text run at (17,35) width 135: "paragraph (second in" |
text run at (17,53) width 52: "source)." |
- LayoutText {#text} at (199,5) size 557x107 |
- text run at (199,5) width 178: "This is text within the DIV. " |
- text run at (376,5) width 186: "The floating elements within" |
- text run at (199,23) width 355: "this DIV should not go beyond the top side of this DIV," |
+ LayoutText {#text} at (199,5) size 559x107 |
+ text run at (199,5) width 180: "This is text within the DIV. " |
+ text run at (378,5) width 186: "The floating elements within" |
+ text run at (199,23) width 357: "this DIV should not go beyond the top side of this DIV," |
text run at (199,41) width 343: "which means that the borders of the floating elements" |
text run at (199,59) width 356: "should not overlap the top or side borders of the DIV in" |
- text run at (199,77) width 61: "any way. " |
- text run at (259,77) width 272: "In addition, the top of the left-floating box" |
+ text run at (199,77) width 62: "any way. " |
+ text run at (260,77) width 272: "In addition, the top of the left-floating box" |
text run at (5,95) width 373: "should not be higher than the top of the right-floating box." |
LayoutBlockFlow {HR} at (364.28,1817) size 40.44x2 [border: (1px inset #EEEEEE)] |
LayoutBlockFlow {DIV} at (2,1827) size 765x64 [border: (5px solid #800080)] |
LayoutImage (floating) {IMG} at (5,5) size 15x36 [border: (3px solid #000000)] |
LayoutImage (floating) {IMG} at (745,5) size 15x36 [border: (3px solid #000000)] |
LayoutText {#text} at (20,5) size 734x53 |
- text run at (20,5) width 178: "This is text within the DIV. " |
- text run at (197,5) width 533: "The floating images within this DIV should not go beyond the top side of this DIV," |
+ text run at (20,5) width 180: "This is text within the DIV. " |
+ text run at (199,5) width 535: "The floating images within this DIV should not go beyond the top side of this DIV," |
text run at (20,23) width 719: "which means that the borders of the floating images should not overlap the top or side borders of the DIV in any" |
- text run at (5,41) width 34: "way. " |
- text run at (38,41) width 679: "In addition, the top of the left-floating image should not be higher than the top of the right-floating image." |
+ text run at (5,41) width 35: "way. " |
+ text run at (39,41) width 679: "In addition, the top of the left-floating image should not be higher than the top of the right-floating image." |
LayoutBlockFlow {HR} at (24,1915) size 578.75x2 [border: (1px inset #EEEEEE)] |
LayoutBlockFlow {DIV} at (2,1941) size 765x136 [border: (5px solid #800080)] |
- LayoutText {#text} at (199,5) size 186x17 |
- text run at (199,5) width 178: "This is text within the DIV. " |
- text run at (376,5) width 9: "*" |
+ LayoutText {#text} at (199,5) size 188x17 |
+ text run at (199,5) width 180: "This is text within the DIV. " |
+ text run at (378,5) width 9: "*" |
LayoutBlockFlow (floating) {P} at (5,5) size 194x88 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)] |
LayoutText {#text} at (17,17) size 135x53 |
text run at (17,17) width 135: "This is a left-floating" |
text run at (17,35) width 116: "paragraph (first in" |
text run at (17,53) width 52: "source)." |
- LayoutText {#text} at (384,5) size 552x35 |
- text run at (384,5) width 367: " The floating elements within this DIV should not go any" |
+ LayoutText {#text} at (386,5) size 554x35 |
+ text run at (386,5) width 367: " The floating elements within this DIV should not go any" |
text run at (199,23) width 487: "higher than the line-box containing the inline content which precedes them. " |
text run at (685,23) width 13: "* " |
LayoutBlockFlow (floating) {P} at (566,41) size 194x88 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)] |
@@ -218,16 +218,16 @@ layer at (0,0) size 785x6362 backgroundClip at (0,0) size 785x600 clip at (0,0) |
text run at (199,59) width 359: "high as the top edge of the inline element containing the" |
text run at (199,77) width 337: "content just before the floating elements occur in the" |
text run at (5,95) width 50: "source. " |
- text run at (54,95) width 494: "In order to mark these points clearly, an asterisk has been inserted just before" |
+ text run at (54,95) width 495: "In order to mark these points clearly, an asterisk has been inserted just before" |
text run at (5,113) width 137: "each floated element." |
LayoutBlockFlow {HR} at (364.28,2085) size 40.44x2 [border: (1px inset #EEEEEE)] |
LayoutBlockFlow {DIV} at (2,2095) size 765x82 [border: (5px solid #800080)] |
- LayoutText {#text} at (20,5) size 186x17 |
- text run at (20,5) width 178: "This is text within the DIV. " |
- text run at (197,5) width 9: "*" |
+ LayoutText {#text} at (20,5) size 188x17 |
+ text run at (20,5) width 180: "This is text within the DIV. " |
+ text run at (199,5) width 9: "*" |
LayoutImage (floating) {IMG} at (5,5) size 15x36 [border: (3px solid #000000)] |
- LayoutText {#text} at (205,5) size 698x35 |
- text run at (205,5) width 513: " The floating images within this DIV should not go any higher than the line-box" |
+ LayoutText {#text} at (207,5) size 700x35 |
+ text run at (207,5) width 513: " The floating images within this DIV should not go any higher than the line-box" |
text run at (20,23) width 330: "containing the inline content which precedes them. " |
text run at (349,23) width 13: "* " |
LayoutImage (floating) {IMG} at (745,23) size 15x36 [border: (3px solid #000000)] |
@@ -235,19 +235,19 @@ layer at (0,0) size 785x6362 backgroundClip at (0,0) size 785x600 clip at (0,0) |
text run at (361,23) width 368: "This means that the top side of each float can be, at most," |
text run at (5,41) width 706: "as high as the top edge of the inline element containing the content just before the floating images occur in the" |
text run at (5,59) width 50: "source. " |
- text run at (54,59) width 623: "In order to mark these points clearly, an asterisk has been inserted just before each floated image." |
+ text run at (54,59) width 624: "In order to mark these points clearly, an asterisk has been inserted just before each floated image." |
LayoutBlockFlow {HR} at (24,2201) size 578.75x2 [border: (1px inset #EEEEEE)] |
LayoutBlockFlow {DIV} at (2,2227) size 765x262 [border: (5px solid #800080)] |
- LayoutText {#text} at (199,5) size 186x17 |
- text run at (199,5) width 178: "This is text within the DIV. " |
- text run at (376,5) width 9: "*" |
+ LayoutText {#text} at (199,5) size 188x17 |
+ text run at (199,5) width 180: "This is text within the DIV. " |
+ text run at (378,5) width 9: "*" |
LayoutBlockFlow (floating) {P} at (5,5) size 194x88 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)] |
LayoutText {#text} at (17,17) size 135x53 |
text run at (17,17) width 135: "This is a left-floating" |
text run at (17,35) width 116: "paragraph (first in" |
text run at (17,53) width 52: "source)." |
- LayoutText {#text} at (384,5) size 552x35 |
- text run at (384,5) width 367: " The floating elements within this DIV should not go any" |
+ LayoutText {#text} at (386,5) size 554x35 |
+ text run at (386,5) width 367: " The floating elements within this DIV should not go any" |
text run at (199,23) width 487: "higher than the line-box containing the inline content which precedes them. " |
text run at (685,23) width 13: "* " |
LayoutBlockFlow (floating) {P} at (566,41) size 194x88 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)] |
@@ -276,9 +276,9 @@ layer at (0,0) size 785x6362 backgroundClip at (0,0) size 785x600 clip at (0,0) |
text run at (17,17) width 135: "This is a left-floating" |
text run at (17,35) width 129: "paragraph (fourth in" |
text run at (17,53) width 52: "source)." |
- LayoutText {#text} at (668,131) size 746x125 |
+ LayoutText {#text} at (668,131) size 747x125 |
text run at (668,131) width 72: " In order to" |
- text run at (587,149) width 164: "mark these points clearly," |
+ text run at (587,149) width 165: "mark these points clearly," |
text run at (587,167) width 128: "an asterisk has been" |
text run at (587,185) width 156: "inserted just before each" |
text run at (587,203) width 108: "floated element. " |
@@ -288,12 +288,12 @@ layer at (0,0) size 785x6362 backgroundClip at (0,0) size 785x600 clip at (0,0) |
text run at (181,239) width 411: "Otherwise, its top should align with the top of the next line-box." |
LayoutBlockFlow {HR} at (364.28,2497) size 40.44x2 [border: (1px inset #EEEEEE)] |
LayoutBlockFlow {DIV} at (2,2507) size 765x118 [border: (5px solid #800080)] |
- LayoutText {#text} at (20,5) size 186x17 |
- text run at (20,5) width 178: "This is text within the DIV. " |
- text run at (197,5) width 9: "*" |
+ LayoutText {#text} at (20,5) size 188x17 |
+ text run at (20,5) width 180: "This is text within the DIV. " |
+ text run at (199,5) width 9: "*" |
LayoutImage (floating) {IMG} at (5,5) size 15x36 [border: (3px solid #000000)] |
- LayoutText {#text} at (205,5) size 683x35 |
- text run at (205,5) width 513: " The floating images within this DIV should not go any higher than the line-box" |
+ LayoutText {#text} at (207,5) size 685x35 |
+ text run at (207,5) width 513: " The floating images within this DIV should not go any higher than the line-box" |
text run at (35,23) width 330: "containing the inline content which precedes them. " |
text run at (364,23) width 13: "* " |
LayoutImage (floating) {IMG} at (745,23) size 15x36 [border: (3px solid #000000)] |
@@ -308,8 +308,8 @@ layer at (0,0) size 785x6362 backgroundClip at (0,0) size 785x600 clip at (0,0) |
text run at (109,59) width 9: "*" |
LayoutImage (floating) {IMG} at (5,59) size 15x36 [border: (3px solid #000000)] |
LayoutText {#text} at (117,59) size 755x53 |
- text run at (117,59) width 631: " In order to mark these points clearly, an asterisk has been inserted just before each floated image. " |
- text run at (747,59) width 12: "If" |
+ text run at (117,59) width 632: " In order to mark these points clearly, an asterisk has been inserted just before each floated image. " |
+ text run at (748,59) width 12: "If" |
text run at (20,77) width 740: "a line has room for a floated image, then the image should float so that its top is aligned with the top of the line-box" |
text run at (5,95) width 193: "in which the asterisk appears. " |
text run at (197,95) width 411: "Otherwise, its top should align with the top of the next line-box." |
@@ -329,23 +329,23 @@ layer at (0,0) size 785x6362 backgroundClip at (0,0) size 785x600 clip at (0,0) |
text run at (17,17) width 144: "This is a right-floating" |
text run at (17,35) width 135: "paragraph (second in" |
text run at (17,53) width 52: "source)." |
- LayoutText {#text} at (199,23) size 480x269 |
+ LayoutText {#text} at (199,23) size 475x269 |
text run at (199,23) width 69: "text within" |
- text run at (199,41) width 54: "the DIV." |
+ text run at (199,41) width 56: "the DIV." |
text run at (199,59) width 85: "Under CSS1," |
text run at (199,77) width 45: "the left" |
- text run at (5,95) width 469: "floating element should be placed in the upper left corner of the DIV, and" |
+ text run at (5,95) width 471: "floating element should be placed in the upper left corner of the DIV, and" |
text run at (5,113) width 466: "the purple border of the DIV should abut the green border of the floating" |
text run at (5,131) width 59: "element. " |
- text run at (63,131) width 422: "Similarly, the right floating element should be placed in the upper" |
- text run at (5,149) width 467: "right corner of the DIV, and the purple border of the DIV should abut the" |
- text run at (5,167) width 467: "green border of the floating element. The text of the DIV element should" |
- text run at (5,185) width 435: "flow between and under the two floating elements. The two asterisk" |
- text run at (5,203) width 478: "characters mark the insertion points of the floating elements. It is expected" |
- text run at (5,221) width 479: "that, under future specifications, it may be acceptable for the top of floated" |
- text run at (5,239) width 475: "elements to align with the top of the line-box following the insertion point" |
- text run at (5,257) width 451: "of the floated element to avoid floating elements appearing before text" |
- text run at (5,275) width 269: "which precedes it in the source document." |
+ text run at (63,131) width 382: "Similarly, the right floating element should be placed in the" |
+ text run at (5,149) width 455: "upper right corner of the DIV, and the purple border of the DIV should" |
+ text run at (5,167) width 475: "abut the green border of the floating element. The text of the DIV element" |
+ text run at (5,185) width 428: "should flow between and under the two floating elements. The two" |
+ text run at (5,203) width 470: "asterisk characters mark the insertion points of the floating elements. It is" |
+ text run at (5,221) width 474: "expected that, under future specifications, it may be acceptable for the top" |
+ text run at (5,239) width 444: "of floated elements to align with the top of the line-box following the" |
+ text run at (5,257) width 475: "insertion point of the floated element to avoid floating elements appearing" |
+ text run at (5,275) width 342: "before text which precedes it in the source document." |
LayoutBlockFlow {HR} at (364.28,2981) size 40.44x2 [border: (1px inset #EEEEEE)] |
LayoutBlockFlow {DIV} at (2,2991) size 490x226 [border: (5px solid #800080)] |
LayoutText {#text} at (20,5) size 56x17 |
@@ -354,13 +354,13 @@ layer at (0,0) size 785x6362 backgroundClip at (0,0) size 785x600 clip at (0,0) |
LayoutText {#text} at (75,5) size 13x17 |
text run at (75,5) width 13: " *" |
LayoutImage (floating) {IMG} at (470,5) size 15x36 [border: (3px solid #000000)] |
- LayoutText {#text} at (87,5) size 472x215 |
- text run at (87,5) width 135: " text within the DIV. " |
- text run at (221,5) width 232: "Under CSS1, the left floating image" |
- text run at (20,23) width 429: "should be placed in the upper left corner of the DIV, and the purple" |
+ LayoutText {#text} at (87,5) size 475x215 |
+ text run at (87,5) width 137: " text within the DIV. " |
+ text run at (223,5) width 232: "Under CSS1, the left floating image" |
+ text run at (20,23) width 431: "should be placed in the upper left corner of the DIV, and the purple" |
text run at (5,41) width 444: "border of the DIV should abut the green border of the floating image." |
- text run at (5,59) width 444: "Similarly, the right floating image should be placed in the upper right" |
- text run at (5,77) width 472: "corner of the DIV, and the purple border of the DIV should abut the green" |
+ text run at (5,59) width 445: "Similarly, the right floating image should be placed in the upper right" |
+ text run at (5,77) width 475: "corner of the DIV, and the purple border of the DIV should abut the green" |
text run at (5,95) width 449: "border of the floating image. The text of the DIV element should flow" |
text run at (5,113) width 452: "between and under the two floating image. The two asterisk characters" |
text run at (5,131) width 306: "mark the insertion points of the floating image. " |
@@ -401,21 +401,21 @@ layer at (0,0) size 785x6362 backgroundClip at (0,0) size 785x600 clip at (0,0) |
text run at (17,35) width 135: "paragraph (second in" |
text run at (17,53) width 52: "source)." |
LayoutText {#text} at (199,5) size 344x89 |
- text run at (199,5) width 178: "This is text within the DIV. " |
- text run at (376,5) width 141: "The floating elements" |
+ text run at (199,5) width 180: "This is text within the DIV. " |
+ text run at (378,5) width 141: "The floating elements" |
text run at (199,23) width 344: "within this DIV should not go beyond the left or right" |
- text run at (199,41) width 338: "inner edge of this DIV, which means that the borders" |
+ text run at (199,41) width 340: "inner edge of this DIV, which means that the borders" |
text run at (199,59) width 340: "of the floating elements should not overlap the top or" |
- text run at (199,77) width 153: "side borders of the DIV." |
+ text run at (199,77) width 156: "side borders of the DIV." |
LayoutBlockFlow {HR} at (357.83,216) size 39.34x2 [border: (1px inset #EEEEEE)] |
LayoutBlockFlow {DIV} at (6,226) size 743x64 [border: (5px solid #800080)] |
LayoutImage (floating) {IMG} at (5,5) size 15x36 [border: (3px solid #000000)] |
LayoutImage (floating) {IMG} at (723,5) size 15x36 [border: (3px solid #000000)] |
- LayoutText {#text} at (20,5) size 705x53 |
- text run at (20,5) width 178: "This is text within the DIV. " |
- text run at (197,5) width 513: "The floating images within this DIV should not go beyond the left or right inner" |
- text run at (20,23) width 663: "edge of this DIV, which means that the borders of the floating images should not overlap the top or side" |
- text run at (5,41) width 124: "borders of the DIV." |
+ LayoutText {#text} at (20,5) size 707x53 |
+ text run at (20,5) width 180: "This is text within the DIV. " |
+ text run at (199,5) width 513: "The floating images within this DIV should not go beyond the left or right inner" |
+ 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" |
+ text run at (5,41) width 126: "borders of the DIV." |
LayoutBlockFlow {HR} at (28,314) size 562.25x2 [border: (1px inset #EEEEEE)] |
LayoutBlockFlow {DIV} at (6,340) size 442x226 [border: (5px solid #800080)] |
LayoutBlockFlow (floating) {P} at (5,5) size 194x70 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)] |
@@ -435,14 +435,14 @@ layer at (0,0) size 785x6362 backgroundClip at (0,0) size 785x600 clip at (0,0) |
text run at (393,23) width 24: "text" |
text run at (393,41) width 41: "within" |
text run at (393,59) width 20: "the" |
- text run at (199,77) width 35: "DIV. " |
- text run at (233,77) width 185: "The floating elements within" |
+ text run at (199,77) width 37: "DIV. " |
+ text run at (235,77) width 185: "The floating elements within" |
text run at (199,95) width 222: "this DIV should not go beyond the" |
- text run at (199,113) width 223: "left or right inner edge of this DIV," |
+ text run at (199,113) width 225: "left or right inner edge of this DIV," |
text run at (199,131) width 229: "which means that the borders of the" |
text run at (5,149) width 422: "floating elements should not overlap the top or side borders of the" |
- text run at (5,167) width 110: "DIV in any way. " |
- text run at (114,167) width 303: "In addition, they should not overlap each other." |
+ text run at (5,167) width 111: "DIV in any way. " |
+ text run at (115,167) width 304: "In addition, they should not overlap each other." |
text run at (5,185) width 432: "The first two should be side by side, whereas the third should be on" |
text run at (5,203) width 97: "the next \"line.\"" |
LayoutBlockFlow {HR} at (357.83,574) size 39.34x2 [border: (1px inset #EEEEEE)] |
@@ -450,19 +450,19 @@ layer at (0,0) size 785x6362 backgroundClip at (0,0) size 785x600 clip at (0,0) |
LayoutImage (floating) {IMG} at (5,5) size 156x36 [border: (3px solid #000000)] |
LayoutImage (floating) {IMG} at (161,5) size 156x36 [border: (3px solid #000000)] |
LayoutImage (floating) {IMG} at (5,41) size 156x36 [border: (3px solid #000000)] |
- LayoutText {#text} at (317,5) size 345x197 |
+ LayoutText {#text} at (317,5) size 346x197 |
text run at (317,5) width 29: "This" |
text run at (317,23) width 11: "is" |
- text run at (161,41) width 131: "text within the DIV. " |
- text run at (291,41) width 26: "The" |
+ text run at (161,41) width 133: "text within the DIV. " |
+ text run at (293,41) width 26: "The" |
text run at (161,59) width 172: "floating images within this" |
text run at (5,77) width 343: "DIV should not go beyond the left or right inner edge" |
- text run at (5,95) width 308: "of this DIV, which means that the borders of the" |
+ text run at (5,95) width 310: "of this DIV, which means that the borders of the" |
text run at (5,113) width 318: "floating images should not overlap the top or side" |
- text run at (5,131) width 203: "borders of the DIV in any way. " |
- text run at (207,131) width 106: "In addition, they" |
- text run at (5,149) width 197: "should not overlap each other. " |
- text run at (201,149) width 149: "The first two should be" |
+ text run at (5,131) width 204: "borders of the DIV in any way. " |
+ text run at (208,131) width 106: "In addition, they" |
+ text run at (5,149) width 198: "should not overlap each other. " |
+ text run at (202,149) width 149: "The first two should be" |
text run at (5,167) width 335: "side by side, whereas the third should be on the next" |
text run at (5,185) width 42: "\"line.\"" |
LayoutBlockFlow {HR} at (28,816) size 562.25x2 [border: (1px inset #EEEEEE)] |
@@ -479,19 +479,19 @@ layer at (0,0) size 785x6362 backgroundClip at (0,0) size 785x600 clip at (0,0) |
text run at (17,53) width 52: "source)." |
LayoutText {#text} at (199,5) size 302x339 |
text run at (199,5) width 72: "This is text" |
- text run at (199,23) width 99: "within the DIV." |
+ text run at (199,23) width 101: "within the DIV." |
text run at (199,41) width 79: "The floating" |
text run at (199,59) width 102: "elements within" |
text run at (5,93) width 103: "this DIV should" |
text run at (5,111) width 92: "not go beyond" |
text run at (5,129) width 97: "the left or right" |
text run at (5,147) width 85: "inner edge of" |
- text run at (5,165) width 101: "this DIV, which" |
+ text run at (5,165) width 103: "this DIV, which" |
text run at (5,183) width 300: "means that the borders of the floating elements" |
text run at (5,201) width 284: "should not overlap the top or side borders of" |
- text run at (5,219) width 134: "the DIV in any way. " |
- text run at (138,219) width 153: "In addition, they should" |
- text run at (5,237) width 292: "not overlap each other in any way, nor should" |
+ text run at (5,219) width 135: "the DIV in any way. " |
+ text run at (139,219) width 153: "In addition, they should" |
+ text run at (5,237) width 293: "not overlap each other in any way, nor should" |
text run at (5,255) width 302: "the floated elements be overwritten by the DIV" |
text run at (5,273) width 32: "text. " |
text run at (36,273) width 255: "In addition, the floated elements should" |
@@ -504,15 +504,15 @@ layer at (0,0) size 785x6362 backgroundClip at (0,0) size 785x600 clip at (0,0) |
LayoutImage (floating) {IMG} at (149,41) size 256x36 [border: (3px solid #000000)] |
LayoutText {#text} at (261,5) size 396x215 |
text run at (261,5) width 140: "This is text within the" |
- text run at (261,23) width 35: "DIV. " |
- text run at (295,23) width 80: "The floating" |
+ text run at (261,23) width 37: "DIV. " |
+ text run at (297,23) width 80: "The floating" |
text run at (5,41) width 118: "images within this" |
text run at (5,59) width 120: "DIV should not go" |
- text run at (5,77) width 386: "beyond the left or right inner edge of this DIV, which means" |
+ text run at (5,77) width 388: "beyond the left or right inner edge of this DIV, which means" |
text run at (5,95) width 391: "that the borders of the floating images should not overlap the" |
- text run at (5,113) width 274: "top or side borders of the DIV in any way. " |
- text run at (279,113) width 106: "In addition, they" |
- text run at (5,131) width 362: "should not overlap each other in any way, nor should the" |
+ text run at (5,113) width 276: "top or side borders of the DIV in any way. " |
+ text run at (280,113) width 106: "In addition, they" |
+ text run at (5,131) width 364: "should not overlap each other in any way, nor should the" |
text run at (5,149) width 315: "floated elements be overwritten by the DIV text. " |
text run at (319,149) width 74: "In addition," |
text run at (5,167) width 392: "the floated images should not be side-by-side, but instead the" |
@@ -530,38 +530,38 @@ layer at (0,0) size 785x6362 backgroundClip at (0,0) size 785x600 clip at (0,0) |
text run at (17,17) width 135: "This is a left-floating" |
text run at (17,35) width 135: "paragraph (second in" |
text run at (17,53) width 52: "source)." |
- LayoutText {#text} at (199,5) size 539x107 |
- text run at (199,5) width 178: "This is text within the DIV. " |
- text run at (376,5) width 141: "The floating elements" |
+ LayoutText {#text} at (199,5) size 537x107 |
+ text run at (199,5) width 180: "This is text within the DIV. " |
+ text run at (378,5) width 141: "The floating elements" |
text run at (199,23) width 338: "within this DIV should not go beyond the top side of" |
- text run at (199,41) width 344: "this DIV, which means that the borders of the floating" |
- text run at (199,59) width 345: "elements should not overlap the top or side borders of" |
- text run at (199,77) width 134: "the DIV in any way. " |
- text run at (332,77) width 194: "In addition, the top of the left-" |
- text run at (5,95) width 455: "floating box should not be higher than the top of the right-floating box." |
+ text run at (199,41) width 292: "this DIV, which means that the borders of the" |
+ text run at (199,59) width 329: "floating elements should not overlap the top or side" |
+ text run at (199,77) width 204: "borders of the DIV in any way. " |
+ text run at (402,77) width 140: "In addition, the top of" |
+ text run at (5,95) width 505: "the left-floating box should not be higher than the top of the right-floating box." |
LayoutBlockFlow {HR} at (357.83,1612) size 39.34x2 [border: (1px inset #EEEEEE)] |
LayoutBlockFlow {DIV} at (6,1622) size 743x82 [border: (5px solid #800080)] |
LayoutImage (floating) {IMG} at (5,5) size 15x36 [border: (3px solid #000000)] |
LayoutImage (floating) {IMG} at (723,5) size 15x36 [border: (3px solid #000000)] |
- LayoutText {#text} at (20,5) size 692x71 |
- text run at (20,5) width 178: "This is text within the DIV. " |
- text run at (197,5) width 498: "The floating images within this DIV should not go beyond the top side of this" |
- text run at (20,23) width 677: "DIV, which means that the borders of the floating images should not overlap the top or side borders of the" |
- text run at (5,41) width 110: "DIV in any way. " |
- text run at (114,41) width 582: "In addition, the top of the left-floating image should not be higher than the top of the right-" |
+ LayoutText {#text} at (20,5) size 694x71 |
+ text run at (20,5) width 180: "This is text within the DIV. " |
+ text run at (199,5) width 498: "The floating images within this DIV should not go beyond the top side of this" |
+ text run at (20,23) width 679: "DIV, which means that the borders of the floating images should not overlap the top or side borders of the" |
+ text run at (5,41) width 111: "DIV in any way. " |
+ text run at (115,41) width 582: "In addition, the top of the left-floating image should not be higher than the top of the right-" |
text run at (5,59) width 97: "floating image." |
LayoutBlockFlow {HR} at (28,1728) size 562.25x2 [border: (1px inset #EEEEEE)] |
LayoutBlockFlow {DIV} at (6,1754) size 743x136 [border: (5px solid #800080)] |
- LayoutText {#text} at (199,5) size 186x17 |
- text run at (199,5) width 178: "This is text within the DIV. " |
- text run at (376,5) width 9: "*" |
+ LayoutText {#text} at (199,5) size 188x17 |
+ text run at (199,5) width 180: "This is text within the DIV. " |
+ text run at (378,5) width 9: "*" |
LayoutBlockFlow (floating) {P} at (5,5) size 194x88 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)] |
LayoutText {#text} at (17,17) size 135x53 |
text run at (17,17) width 135: "This is a left-floating" |
text run at (17,35) width 116: "paragraph (first in" |
text run at (17,53) width 52: "source)." |
- LayoutText {#text} at (384,5) size 525x35 |
- text run at (384,5) width 340: " The floating elements within this DIV should not go" |
+ LayoutText {#text} at (386,5) size 527x35 |
+ text run at (386,5) width 340: " The floating elements within this DIV should not go" |
text run at (199,23) width 515: "any higher than the line-box containing the inline content which precedes them. " |
text run at (713,23) width 9: "*" |
LayoutBlockFlow (floating) {P} at (544,41) size 194x88 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)] |
@@ -569,41 +569,41 @@ layer at (0,0) size 785x6362 backgroundClip at (0,0) size 785x600 clip at (0,0) |
text run at (17,17) width 144: "This is a right-floating" |
text run at (17,35) width 135: "paragraph (second in" |
text run at (17,53) width 52: "source)." |
- LayoutText {#text} at (199,41) size 523x89 |
+ LayoutText {#text} at (199,41) size 524x89 |
text run at (199,41) width 328: "This means that the top side of each float can be, at" |
text run at (199,59) width 321: "most, as high as the top edge of the inline element" |
text run at (199,77) width 292: "containing the content just before the floating" |
text run at (5,95) width 191: "elements occur in the source. " |
- text run at (195,95) width 333: "In order to mark these points clearly, an asterisk has" |
+ text run at (195,95) width 334: "In order to mark these points clearly, an asterisk has" |
text run at (5,113) width 298: "been inserted just before each floated element." |
LayoutBlockFlow {HR} at (357.83,1898) size 39.34x2 [border: (1px inset #EEEEEE)] |
LayoutBlockFlow {DIV} at (6,1908) size 743x82 [border: (5px solid #800080)] |
- LayoutText {#text} at (20,5) size 186x17 |
- text run at (20,5) width 178: "This is text within the DIV. " |
- text run at (197,5) width 9: "*" |
+ LayoutText {#text} at (20,5) size 188x17 |
+ text run at (20,5) width 180: "This is text within the DIV. " |
+ text run at (199,5) width 9: "*" |
LayoutImage (floating) {IMG} at (5,5) size 15x36 [border: (3px solid #000000)] |
- LayoutText {#text} at (205,5) size 698x35 |
- text run at (205,5) width 513: " The floating images within this DIV should not go any higher than the line-box" |
+ LayoutText {#text} at (207,5) size 700x35 |
+ text run at (207,5) width 513: " The floating images within this DIV should not go any higher than the line-box" |
text run at (20,23) width 330: "containing the inline content which precedes them. " |
text run at (349,23) width 13: "* " |
LayoutImage (floating) {IMG} at (723,23) size 15x36 [border: (3px solid #000000)] |
- LayoutText {#text} at (361,23) size 712x53 |
+ LayoutText {#text} at (361,23) size 713x53 |
text run at (361,23) width 329: "This means that the top side of each float can be, at" |
text run at (5,41) width 705: "most, as high as the top edge of the inline element containing the content just before the floating images occur" |
text run at (5,59) width 90: "in the source. " |
- text run at (94,59) width 623: "In order to mark these points clearly, an asterisk has been inserted just before each floated image." |
+ text run at (94,59) width 624: "In order to mark these points clearly, an asterisk has been inserted just before each floated image." |
LayoutBlockFlow {HR} at (28,2014) size 562.25x2 [border: (1px inset #EEEEEE)] |
LayoutBlockFlow {DIV} at (6,2040) size 743x226 [border: (5px solid #800080)] |
- LayoutText {#text} at (199,5) size 186x17 |
- text run at (199,5) width 178: "This is text within the DIV. " |
- text run at (376,5) width 9: "*" |
+ LayoutText {#text} at (199,5) size 188x17 |
+ text run at (199,5) width 180: "This is text within the DIV. " |
+ text run at (378,5) width 9: "*" |
LayoutBlockFlow (floating) {P} at (5,5) size 194x88 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)] |
LayoutText {#text} at (17,17) size 135x53 |
text run at (17,17) width 135: "This is a left-floating" |
text run at (17,35) width 116: "paragraph (first in" |
text run at (17,53) width 52: "source)." |
- LayoutText {#text} at (384,5) size 525x35 |
- text run at (384,5) width 340: " The floating elements within this DIV should not go" |
+ LayoutText {#text} at (386,5) size 527x35 |
+ text run at (386,5) width 340: " The floating elements within this DIV should not go" |
text run at (199,23) width 515: "any higher than the line-box containing the inline content which precedes them. " |
text run at (713,23) width 9: "*" |
LayoutBlockFlow (floating) {P} at (544,41) size 194x88 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)] |
@@ -633,19 +633,19 @@ layer at (0,0) size 785x6362 backgroundClip at (0,0) size 785x600 clip at (0,0) |
text run at (17,53) width 52: "source)." |
LayoutText {#text} at (644,131) size 521x89 |
text run at (644,131) width 73: " In order to" |
- text run at (199,149) width 504: "mark these points clearly, an asterisk has been inserted just before each floated" |
+ text run at (199,149) width 505: "mark these points clearly, an asterisk has been inserted just before each floated" |
text run at (199,167) width 59: "element. " |
text run at (257,167) width 463: "If a line has room for a floated element, then the element should float so" |
text run at (199,185) width 505: "that its top is aligned with the top of the line-box in which the asterisk appears." |
text run at (199,203) width 411: "Otherwise, its top should align with the top of the next line-box." |
LayoutBlockFlow {HR} at (357.83,2277) size 39.34x2 [border: (1px inset #EEEEEE)] |
LayoutBlockFlow {DIV} at (6,2287) size 743x118 [border: (5px solid #800080)] |
- LayoutText {#text} at (20,5) size 186x17 |
- text run at (20,5) width 178: "This is text within the DIV. " |
- text run at (197,5) width 9: "*" |
+ LayoutText {#text} at (20,5) size 188x17 |
+ text run at (20,5) width 180: "This is text within the DIV. " |
+ text run at (199,5) width 9: "*" |
LayoutImage (floating) {IMG} at (5,5) size 15x36 [border: (3px solid #000000)] |
- LayoutText {#text} at (205,5) size 683x35 |
- text run at (205,5) width 513: " The floating images within this DIV should not go any higher than the line-box" |
+ LayoutText {#text} at (207,5) size 685x35 |
+ text run at (207,5) width 513: " The floating images within this DIV should not go any higher than the line-box" |
text run at (35,23) width 330: "containing the inline content which precedes them. " |
text run at (364,23) width 13: "* " |
LayoutImage (floating) {IMG} at (723,23) size 15x36 [border: (3px solid #000000)] |
@@ -659,8 +659,8 @@ layer at (0,0) size 785x6362 backgroundClip at (0,0) size 785x600 clip at (0,0) |
text run at (20,59) width 130: "occur in the source. " |
text run at (149,59) width 9: "*" |
LayoutImage (floating) {IMG} at (5,59) size 15x36 [border: (3px solid #000000)] |
- LayoutText {#text} at (157,59) size 732x53 |
- text run at (157,59) width 580: " In order to mark these points clearly, an asterisk has been inserted just before each floated" |
+ LayoutText {#text} at (157,59) size 733x53 |
+ text run at (157,59) width 581: " In order to mark these points clearly, an asterisk has been inserted just before each floated" |
text run at (20,77) width 48: "image. " |
text run at (67,77) width 657: "If a line has room for a floated image, then the image should float so that its top is aligned with the top" |
text run at (5,95) width 292: "of the line-box in which the asterisk appears. " |
@@ -681,23 +681,23 @@ layer at (0,0) size 785x6362 backgroundClip at (0,0) size 785x600 clip at (0,0) |
text run at (17,17) width 144: "This is a right-floating" |
text run at (17,35) width 135: "paragraph (second in" |
text run at (17,53) width 52: "source)." |
- LayoutText {#text} at (199,23) size 480x269 |
+ LayoutText {#text} at (199,23) size 475x269 |
text run at (199,23) width 69: "text within" |
- text run at (199,41) width 54: "the DIV." |
+ text run at (199,41) width 56: "the DIV." |
text run at (199,59) width 85: "Under CSS1," |
text run at (199,77) width 45: "the left" |
- text run at (5,95) width 469: "floating element should be placed in the upper left corner of the DIV, and" |
+ text run at (5,95) width 471: "floating element should be placed in the upper left corner of the DIV, and" |
text run at (5,113) width 466: "the purple border of the DIV should abut the green border of the floating" |
text run at (5,131) width 59: "element. " |
- text run at (63,131) width 422: "Similarly, the right floating element should be placed in the upper" |
- text run at (5,149) width 467: "right corner of the DIV, and the purple border of the DIV should abut the" |
- text run at (5,167) width 467: "green border of the floating element. The text of the DIV element should" |
- text run at (5,185) width 435: "flow between and under the two floating elements. The two asterisk" |
- text run at (5,203) width 478: "characters mark the insertion points of the floating elements. It is expected" |
- text run at (5,221) width 479: "that, under future specifications, it may be acceptable for the top of floated" |
- text run at (5,239) width 475: "elements to align with the top of the line-box following the insertion point" |
- text run at (5,257) width 451: "of the floated element to avoid floating elements appearing before text" |
- text run at (5,275) width 269: "which precedes it in the source document." |
+ text run at (63,131) width 382: "Similarly, the right floating element should be placed in the" |
+ text run at (5,149) width 455: "upper right corner of the DIV, and the purple border of the DIV should" |
+ text run at (5,167) width 475: "abut the green border of the floating element. The text of the DIV element" |
+ text run at (5,185) width 428: "should flow between and under the two floating elements. The two" |
+ text run at (5,203) width 470: "asterisk characters mark the insertion points of the floating elements. It is" |
+ text run at (5,221) width 474: "expected that, under future specifications, it may be acceptable for the top" |
+ text run at (5,239) width 444: "of floated elements to align with the top of the line-box following the" |
+ text run at (5,257) width 475: "insertion point of the floated element to avoid floating elements appearing" |
+ text run at (5,275) width 342: "before text which precedes it in the source document." |
LayoutBlockFlow {HR} at (357.83,2761) size 39.34x2 [border: (1px inset #EEEEEE)] |
LayoutBlockFlow {DIV} at (6,2771) size 490x226 [border: (5px solid #800080)] |
LayoutText {#text} at (20,5) size 56x17 |
@@ -706,13 +706,13 @@ layer at (0,0) size 785x6362 backgroundClip at (0,0) size 785x600 clip at (0,0) |
LayoutText {#text} at (75,5) size 13x17 |
text run at (75,5) width 13: " *" |
LayoutImage (floating) {IMG} at (470,5) size 15x36 [border: (3px solid #000000)] |
- LayoutText {#text} at (87,5) size 472x215 |
- text run at (87,5) width 135: " text within the DIV. " |
- text run at (221,5) width 232: "Under CSS1, the left floating image" |
- text run at (20,23) width 429: "should be placed in the upper left corner of the DIV, and the purple" |
+ LayoutText {#text} at (87,5) size 475x215 |
+ text run at (87,5) width 137: " text within the DIV. " |
+ text run at (223,5) width 232: "Under CSS1, the left floating image" |
+ text run at (20,23) width 431: "should be placed in the upper left corner of the DIV, and the purple" |
text run at (5,41) width 444: "border of the DIV should abut the green border of the floating image." |
- text run at (5,59) width 444: "Similarly, the right floating image should be placed in the upper right" |
- text run at (5,77) width 472: "corner of the DIV, and the purple border of the DIV should abut the green" |
+ text run at (5,59) width 445: "Similarly, the right floating image should be placed in the upper right" |
+ text run at (5,77) width 475: "corner of the DIV, and the purple border of the DIV should abut the green" |
text run at (5,95) width 449: "border of the floating image. The text of the DIV element should flow" |
text run at (5,113) width 452: "between and under the two floating image. The two asterisk characters" |
text run at (5,131) width 306: "mark the insertion points of the floating image. " |