| Index: third_party/WebKit/LayoutTests/platform/linux/css1/formatting_model/floating_elements-expected.txt
|
| diff --git a/third_party/WebKit/LayoutTests/platform/linux/css1/formatting_model/floating_elements-expected.txt b/third_party/WebKit/LayoutTests/platform/linux/css1/formatting_model/floating_elements-expected.txt
|
| index 68b4068f3ab33ec01f9da8254936ea8197ea60d6..5505616598206a765b0dfe76580d668e7466c997 100644
|
| --- a/third_party/WebKit/LayoutTests/platform/linux/css1/formatting_model/floating_elements-expected.txt
|
| +++ b/third_party/WebKit/LayoutTests/platform/linux/css1/formatting_model/floating_elements-expected.txt
|
| @@ -25,19 +25,19 @@ layer at (0,0) size 785x6461 backgroundClip at (0,0) size 785x600 clip at (0,0)
|
| text run at (0,112) width 176: ".right {float: right;}"
|
| text run at (176,112) width 0: " "
|
| text run at (0,128) width 0: " "
|
| - LayoutBlockFlow {HR} at (0,193) size 769x2 [border: (1px inset #EEEEEE)]
|
| + LayoutBlockFlow {HR} at (0,193) size 769x2 [border: (1.00px inset #EEEEEE)]
|
| LayoutBlockFlow {P} at (0,211) size 769x40
|
| LayoutText {#text} at (0,0) size 731x39
|
| text run at (0,0) width 645: "On this test page, each test is performed once with floating paragraphs, and then again with floating images. "
|
| text run at (645,0) width 86: "Other than the"
|
| text run at (0,20) width 690: "substitution of images for pargraphs, the structure of the test is exactly the same, including the direction of the floats."
|
| - LayoutBlockFlow {HR} at (24,275) size 578.75x2 [border: (1px inset #EEEEEE)]
|
| - LayoutBlockFlow {DIV} at (2,301) size 765x90 [border: (5px solid #800080)]
|
| - LayoutBlockFlow (floating) {P} at (5,5) size 194x74 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
|
| + LayoutBlockFlow {HR} at (24,275) size 578.75x2 [border: (1.00px inset #EEEEEE)]
|
| + LayoutBlockFlow {DIV} at (2,301) size 765x90 [border: (5.00px solid #800080)]
|
| + LayoutBlockFlow (floating) {P} at (5,5) size 194x74 [bgcolor=#C0C0C0] [border: (1.00px solid #00FF00)]
|
| LayoutText {#text} at (17,17) size 159x39
|
| text run at (17,17) width 120: "This is a left-floating"
|
| text run at (17,37) width 159: "paragraph (first in source)."
|
| - LayoutBlockFlow (floating) {P} at (566,5) size 194x94 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
|
| + LayoutBlockFlow (floating) {P} at (566,5) size 194x94 [bgcolor=#C0C0C0] [border: (1.00px solid #00FF00)]
|
| LayoutText {#text} at (17,17) size 128x59
|
| text run at (17,17) width 128: "This is a right-floating"
|
| text run at (17,37) width 127: "paragraph (second in"
|
| @@ -48,25 +48,25 @@ layer at (0,0) size 785x6461 backgroundClip at (0,0) size 785x600 clip at (0,0)
|
| text run at (199,25) width 358: "DIV should not go beyond the left or right inner edge of this"
|
| text run at (199,45) width 350: "DIV, which means that the borders of the floating elements"
|
| text run at (199,65) width 324: "should not overlap the top or side borders of the DIV."
|
| - LayoutBlockFlow {HR} at (364.28,400) size 40.44x2 [border: (1px inset #EEEEEE)]
|
| - LayoutBlockFlow {DIV} at (2,410) size 765x50 [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)]
|
| + LayoutBlockFlow {HR} at (364.28,400) size 40.44x2 [border: (1.00px inset #EEEEEE)]
|
| + LayoutBlockFlow {DIV} at (2,410) size 765x50 [border: (5.00px solid #800080)]
|
| + LayoutImage (floating) {IMG} at (5,5) size 15x36 [border: (3.00px solid #000000)]
|
| + LayoutImage (floating) {IMG} at (745,5) size 15x36 [border: (3.00px solid #000000)]
|
| LayoutText {#text} at (20,5) size 702x39
|
| text run at (20,5) width 162: "This is text within the DIV. "
|
| text run at (181,5) width 541: "The floating images within this DIV should not go beyond the left or right inner edge of this"
|
| text run at (20,25) width 667: "DIV, which means that the borders of the floating images should not overlap the top or side borders of the DIV."
|
| - LayoutBlockFlow {HR} at (24,484) size 578.75x2 [border: (1px inset #EEEEEE)]
|
| - LayoutBlockFlow {DIV} at (2,510) size 442x230 [border: (5px solid #800080)]
|
| - LayoutBlockFlow (floating) {P} at (5,5) size 194x74 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
|
| + LayoutBlockFlow {HR} at (24,484) size 578.75x2 [border: (1.00px inset #EEEEEE)]
|
| + LayoutBlockFlow {DIV} at (2,510) size 442x230 [border: (5.00px solid #800080)]
|
| + LayoutBlockFlow (floating) {P} at (5,5) size 194x74 [bgcolor=#C0C0C0] [border: (1.00px solid #00FF00)]
|
| LayoutText {#text} at (17,17) size 157x39
|
| text run at (17,17) width 157: "This is the first left-floating"
|
| text run at (17,37) width 65: "paragraph."
|
| - LayoutBlockFlow (floating) {P} at (199,5) size 194x74 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
|
| + LayoutBlockFlow (floating) {P} at (199,5) size 194x74 [bgcolor=#C0C0C0] [border: (1.00px solid #00FF00)]
|
| LayoutText {#text} at (17,17) size 135x39
|
| text run at (17,17) width 135: "This is the second left-"
|
| text run at (17,37) width 112: "floating paragraph."
|
| - LayoutBlockFlow (floating) {P} at (5,79) size 194x74 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
|
| + LayoutBlockFlow (floating) {P} at (5,79) size 194x74 [bgcolor=#C0C0C0] [border: (1.00px solid #00FF00)]
|
| LayoutText {#text} at (17,17) size 119x39
|
| text run at (17,17) width 119: "This is the third left-"
|
| text run at (17,37) width 112: "floating paragraph."
|
| @@ -85,11 +85,11 @@ layer at (0,0) size 785x6461 backgroundClip at (0,0) size 785x600 clip at (0,0)
|
| text run at (36,185) width 288: "In addition, they should not overlap each other. "
|
| text run at (323,185) width 77: "The first two"
|
| text run at (5,205) width 414: "should be side by side, whereas the third should be on the next \"line.\""
|
| - LayoutBlockFlow {HR} at (364.28,748) size 40.44x2 [border: (1px inset #EEEEEE)]
|
| - LayoutBlockFlow {DIV} at (2,758) size 360x210 [border: (5px solid #800080)]
|
| - 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)]
|
| + LayoutBlockFlow {HR} at (364.28,748) size 40.44x2 [border: (1.00px inset #EEEEEE)]
|
| + LayoutBlockFlow {DIV} at (2,758) size 360x210 [border: (5.00px solid #800080)]
|
| + LayoutImage (floating) {IMG} at (5,5) size 156x36 [border: (3.00px solid #000000)]
|
| + LayoutImage (floating) {IMG} at (161,5) size 156x36 [border: (3.00px solid #000000)]
|
| + LayoutImage (floating) {IMG} at (5,41) size 156x36 [border: (3.00px solid #000000)]
|
| LayoutText {#text} at (317,5) size 350x199
|
| text run at (317,5) width 38: "This is"
|
| text run at (317,25) width 22: "text"
|
| @@ -103,13 +103,13 @@ layer at (0,0) size 785x6461 backgroundClip at (0,0) size 785x600 clip at (0,0)
|
| text run at (291,145) width 50: "The first"
|
| text run at (5,165) width 333: "two should be side by side, whereas the third should be"
|
| text run at (5,185) width 104: "on the next \"line.\""
|
| - LayoutBlockFlow {HR} at (24,992) size 578.75x2 [border: (1px inset #EEEEEE)]
|
| - LayoutBlockFlow {DIV} at (2,1018) size 314x364 [border: (5px solid #800080)]
|
| - LayoutBlockFlow (floating) {P} at (5,5) size 194x74 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
|
| + LayoutBlockFlow {HR} at (24,992) size 578.75x2 [border: (1.00px inset #EEEEEE)]
|
| + LayoutBlockFlow {DIV} at (2,1018) size 314x364 [border: (5.00px solid #800080)]
|
| + LayoutBlockFlow (floating) {P} at (5,5) size 194x74 [bgcolor=#C0C0C0] [border: (1.00px solid #00FF00)]
|
| LayoutText {#text} at (17,17) size 159x39
|
| text run at (17,17) width 120: "This is a left-floating"
|
| text run at (17,37) width 159: "paragraph (first in source)."
|
| - LayoutBlockFlow (floating) {P} at (115,79) size 194x94 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
|
| + LayoutBlockFlow (floating) {P} at (115,79) size 194x94 [bgcolor=#C0C0C0] [border: (1.00px solid #00FF00)]
|
| LayoutText {#text} at (17,17) size 128x59
|
| text run at (17,17) width 128: "This is a right-floating"
|
| text run at (17,37) width 127: "paragraph (second in"
|
| @@ -134,10 +134,10 @@ layer at (0,0) size 785x6461 backgroundClip at (0,0) size 785x600 clip at (0,0)
|
| text run at (5,299) width 303: "side-by-side, but instead the first should be floated"
|
| text run at (5,319) width 293: "left, and the second floated to the right below the"
|
| text run at (5,339) width 26: "first."
|
| - LayoutBlockFlow {HR} at (364.28,1390) size 40.44x2 [border: (1px inset #EEEEEE)]
|
| - LayoutBlockFlow {DIV} at (2,1400) size 410x226 [border: (5px solid #800080)]
|
| - LayoutImage (floating) {IMG} at (5,5) size 256x36 [border: (3px solid #000000)]
|
| - LayoutImage (floating) {IMG} at (149,41) size 256x36 [border: (3px solid #000000)]
|
| + LayoutBlockFlow {HR} at (364.28,1390) size 40.44x2 [border: (1.00px inset #EEEEEE)]
|
| + LayoutBlockFlow {DIV} at (2,1400) size 410x226 [border: (5.00px solid #800080)]
|
| + LayoutImage (floating) {IMG} at (5,5) size 256x36 [border: (3.00px solid #000000)]
|
| + LayoutImage (floating) {IMG} at (149,41) size 256x36 [border: (3.00px solid #000000)]
|
| LayoutText {#text} at (261,5) size 399x215
|
| text run at (261,5) width 125: "This is text within the"
|
| text run at (5,41) width 33: "DIV. "
|
| @@ -152,13 +152,13 @@ layer at (0,0) size 785x6461 backgroundClip at (0,0) size 785x600 clip at (0,0)
|
| text run at (254,161) width 135: "In addition, the floated"
|
| text run at (5,181) width 388: "images should not be side-by-side, but instead the first should be"
|
| text run at (5,201) width 368: "floated left, and the second floated to the right below the first."
|
| - LayoutBlockFlow {HR} at (24,1650) size 578.75x2 [border: (1px inset #EEEEEE)]
|
| - LayoutBlockFlow {DIV} at (2,1676) size 765x130 [border: (5px solid #800080)]
|
| - LayoutBlockFlow (floating) {P} at (566,5) size 194x74 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
|
| + LayoutBlockFlow {HR} at (24,1650) size 578.75x2 [border: (1.00px inset #EEEEEE)]
|
| + LayoutBlockFlow {DIV} at (2,1676) size 765x130 [border: (5.00px solid #800080)]
|
| + LayoutBlockFlow (floating) {P} at (566,5) size 194x74 [bgcolor=#C0C0C0] [border: (1.00px solid #00FF00)]
|
| LayoutText {#text} at (17,17) size 159x39
|
| text run at (17,17) width 128: "This is a right-floating"
|
| text run at (17,37) width 159: "paragraph (first in source)."
|
| - LayoutBlockFlow (floating) {P} at (5,5) size 194x94 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
|
| + LayoutBlockFlow (floating) {P} at (5,5) size 194x94 [bgcolor=#C0C0C0] [border: (1.00px solid #00FF00)]
|
| LayoutText {#text} at (17,17) size 127x59
|
| text run at (17,17) width 120: "This is a left-floating"
|
| text run at (17,37) width 127: "paragraph (second in"
|
| @@ -172,22 +172,22 @@ layer at (0,0) size 785x6461 backgroundClip at (0,0) size 785x600 clip at (0,0)
|
| text run at (529,65) width 13: "In"
|
| text run at (199,85) width 551: "addition, the top of the left-floating box should not be higher than the top of the right-floating"
|
| text run at (5,105) width 27: "box."
|
| - LayoutBlockFlow {HR} at (364.28,1814) size 40.44x2 [border: (1px inset #EEEEEE)]
|
| - LayoutBlockFlow {DIV} at (2,1824) size 765x70 [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)]
|
| + LayoutBlockFlow {HR} at (364.28,1814) size 40.44x2 [border: (1.00px inset #EEEEEE)]
|
| + LayoutBlockFlow {DIV} at (2,1824) size 765x70 [border: (5.00px solid #800080)]
|
| + LayoutImage (floating) {IMG} at (5,5) size 15x36 [border: (3.00px solid #000000)]
|
| + LayoutImage (floating) {IMG} at (745,5) size 15x36 [border: (3.00px solid #000000)]
|
| LayoutText {#text} at (20,5) size 706x59
|
| text run at (20,5) width 162: "This is text within the DIV. "
|
| text run at (181,5) width 530: "The floating images within this DIV should not go beyond the top side of this DIV, which"
|
| text run at (20,25) width 668: "means that the borders of the floating images should not overlap the top or side borders of the DIV in any way. "
|
| text run at (687,25) width 13: "In"
|
| text run at (5,45) width 606: "addition, the top of the left-floating image should not be higher than the top of the right-floating image."
|
| - LayoutBlockFlow {HR} at (24,1918) size 578.75x2 [border: (1px inset #EEEEEE)]
|
| - LayoutBlockFlow {DIV} at (2,1944) size 765x130 [border: (5px solid #800080)]
|
| + LayoutBlockFlow {HR} at (24,1918) size 578.75x2 [border: (1.00px inset #EEEEEE)]
|
| + LayoutBlockFlow {DIV} at (2,1944) size 765x130 [border: (5.00px solid #800080)]
|
| LayoutText {#text} at (199,5) size 170x19
|
| text run at (199,5) width 162: "This is text within the DIV. "
|
| text run at (360,5) width 9: "*"
|
| - LayoutBlockFlow (floating) {P} at (5,5) size 194x74 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
|
| + LayoutBlockFlow (floating) {P} at (5,5) size 194x74 [bgcolor=#C0C0C0] [border: (1.00px solid #00FF00)]
|
| LayoutText {#text} at (17,17) size 159x39
|
| text run at (17,17) width 120: "This is a left-floating"
|
| text run at (17,37) width 159: "paragraph (first in source)."
|
| @@ -195,7 +195,7 @@ layer at (0,0) size 785x6461 backgroundClip at (0,0) size 785x600 clip at (0,0)
|
| text run at (368,5) width 375: " The floating elements within this DIV should not go any higher"
|
| text run at (199,25) width 407: "than the line-box containing the inline content which precedes them. "
|
| text run at (606,25) width 12: "* "
|
| - LayoutBlockFlow (floating) {P} at (566,45) size 194x94 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
|
| + LayoutBlockFlow (floating) {P} at (566,45) size 194x94 [bgcolor=#C0C0C0] [border: (1.00px solid #00FF00)]
|
| LayoutText {#text} at (17,17) size 128x59
|
| text run at (17,17) width 128: "This is a right-floating"
|
| text run at (17,37) width 127: "paragraph (second in"
|
| @@ -207,28 +207,28 @@ layer at (0,0) size 785x6461 backgroundClip at (0,0) size 785x600 clip at (0,0)
|
| text run at (5,85) width 225: "floating elements occur in the source. "
|
| text run at (230,85) width 313: "In order to mark these points clearly, an asterisk has"
|
| text run at (5,105) width 279: "been inserted just before each floated element."
|
| - LayoutBlockFlow {HR} at (364.28,2083) size 40.44x2 [border: (1px inset #EEEEEE)]
|
| - LayoutBlockFlow {DIV} at (2,2093) size 765x90 [border: (5px solid #800080)]
|
| + LayoutBlockFlow {HR} at (364.28,2083) size 40.44x2 [border: (1.00px inset #EEEEEE)]
|
| + LayoutBlockFlow {DIV} at (2,2093) size 765x90 [border: (5.00px solid #800080)]
|
| LayoutText {#text} at (20,5) size 170x19
|
| text run at (20,5) width 162: "This is text within the DIV. "
|
| text run at (181,5) width 9: "*"
|
| - LayoutImage (floating) {IMG} at (5,5) size 15x36 [border: (3px solid #000000)]
|
| + LayoutImage (floating) {IMG} at (5,5) size 15x36 [border: (3.00px solid #000000)]
|
| LayoutText {#text} at (189,5) size 723x39
|
| text run at (189,5) width 554: " The floating images within this DIV should not go any higher than the line-box containing the"
|
| text run at (20,25) width 217: "inline content which precedes them. "
|
| text run at (237,25) width 12: "* "
|
| - LayoutImage (floating) {IMG} at (745,25) size 15x36 [border: (3px solid #000000)]
|
| + LayoutImage (floating) {IMG} at (745,25) size 15x36 [border: (3.00px solid #000000)]
|
| LayoutText {#text} at (249,25) size 735x59
|
| text run at (249,25) width 486: "This means that the top side of each float can be, at most, as high as the top edge"
|
| text run at (5,45) width 560: "of the inline element containing the content just before the floating images occur in the source. "
|
| text run at (565,45) width 175: "In order to mark these points"
|
| text run at (5,65) width 406: "clearly, an asterisk has been inserted just before each floated image."
|
| - LayoutBlockFlow {HR} at (24,2207) size 578.75x2 [border: (1px inset #EEEEEE)]
|
| - LayoutBlockFlow {DIV} at (2,2233) size 765x230 [border: (5px solid #800080)]
|
| + LayoutBlockFlow {HR} at (24,2207) size 578.75x2 [border: (1.00px inset #EEEEEE)]
|
| + LayoutBlockFlow {DIV} at (2,2233) size 765x230 [border: (5.00px solid #800080)]
|
| LayoutText {#text} at (199,5) size 170x19
|
| text run at (199,5) width 162: "This is text within the DIV. "
|
| text run at (360,5) width 9: "*"
|
| - LayoutBlockFlow (floating) {P} at (5,5) size 194x74 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
|
| + LayoutBlockFlow (floating) {P} at (5,5) size 194x74 [bgcolor=#C0C0C0] [border: (1.00px solid #00FF00)]
|
| LayoutText {#text} at (17,17) size 159x39
|
| text run at (17,17) width 120: "This is a left-floating"
|
| text run at (17,37) width 159: "paragraph (first in source)."
|
| @@ -236,7 +236,7 @@ layer at (0,0) size 785x6461 backgroundClip at (0,0) size 785x600 clip at (0,0)
|
| text run at (368,5) width 375: " The floating elements within this DIV should not go any higher"
|
| text run at (199,25) width 407: "than the line-box containing the inline content which precedes them. "
|
| text run at (606,25) width 12: "* "
|
| - LayoutBlockFlow (floating) {P} at (566,45) size 194x94 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
|
| + LayoutBlockFlow (floating) {P} at (566,45) size 194x94 [bgcolor=#C0C0C0] [border: (1.00px solid #00FF00)]
|
| LayoutText {#text} at (17,17) size 128x59
|
| text run at (17,17) width 128: "This is a right-floating"
|
| text run at (17,37) width 127: "paragraph (second in"
|
| @@ -244,7 +244,7 @@ layer at (0,0) size 785x6461 backgroundClip at (0,0) size 785x600 clip at (0,0)
|
| LayoutText {#text} at (618,25) size 364x39
|
| text run at (618,25) width 139: "This means that the top"
|
| text run at (393,45) width 158: "side of each float can be,*"
|
| - LayoutBlockFlow (floating) {P} at (199,45) size 194x94 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
|
| + LayoutBlockFlow (floating) {P} at (199,45) size 194x94 [bgcolor=#C0C0C0] [border: (1.00px solid #00FF00)]
|
| LayoutText {#text} at (17,17) size 120x59
|
| text run at (17,17) width 120: "This is a left-floating"
|
| text run at (17,37) width 111: "paragraph (third in"
|
| @@ -257,7 +257,7 @@ layer at (0,0) size 785x6461 backgroundClip at (0,0) size 785x600 clip at (0,0)
|
| text run at (393,125) width 164: "before the floating elements"
|
| text run at (199,145) width 122: "occur in the source. "
|
| text run at (321,145) width 8: "*"
|
| - LayoutBlockFlow (floating) {P} at (5,145) size 194x94 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
|
| + LayoutBlockFlow (floating) {P} at (5,145) size 194x94 [bgcolor=#C0C0C0] [border: (1.00px solid #00FF00)]
|
| LayoutText {#text} at (17,17) size 120x59
|
| text run at (17,17) width 120: "This is a left-floating"
|
| text run at (17,37) width 119: "paragraph (fourth in"
|
| @@ -268,43 +268,43 @@ layer at (0,0) size 785x6461 backgroundClip at (0,0) size 785x600 clip at (0,0)
|
| text run at (373,165) width 379: "If a line has room for a floated element, then the element should"
|
| text run at (199,185) width 517: "float so that its top is aligned with the top of the line-box in which the asterisk appears."
|
| text run at (199,205) width 380: "Otherwise, its top should align with the top of the next line-box."
|
| - LayoutBlockFlow {HR} at (364.28,2472) size 40.44x2 [border: (1px inset #EEEEEE)]
|
| - LayoutBlockFlow {DIV} at (2,2482) size 765x130 [border: (5px solid #800080)]
|
| + LayoutBlockFlow {HR} at (364.28,2472) size 40.44x2 [border: (1.00px inset #EEEEEE)]
|
| + LayoutBlockFlow {DIV} at (2,2482) size 765x130 [border: (5.00px solid #800080)]
|
| LayoutText {#text} at (20,5) size 170x19
|
| text run at (20,5) width 162: "This is text within the DIV. "
|
| text run at (181,5) width 9: "*"
|
| - LayoutImage (floating) {IMG} at (5,5) size 15x36 [border: (3px solid #000000)]
|
| + LayoutImage (floating) {IMG} at (5,5) size 15x36 [border: (3.00px solid #000000)]
|
| LayoutText {#text} at (189,5) size 708x39
|
| text run at (189,5) width 554: " The floating images within this DIV should not go any higher than the line-box containing the"
|
| text run at (35,25) width 217: "inline content which precedes them. "
|
| text run at (252,25) width 12: "* "
|
| - LayoutImage (floating) {IMG} at (745,25) size 15x36 [border: (3px solid #000000)]
|
| + LayoutImage (floating) {IMG} at (745,25) size 15x36 [border: (3.00px solid #000000)]
|
| LayoutText {#text} at (264,25) size 305x19
|
| text run at (264,25) width 297: "This means that the top side of each float can be, "
|
| text run at (561,25) width 8: "*"
|
| - LayoutImage (floating) {IMG} at (20,25) size 15x36 [border: (3px solid #000000)]
|
| + LayoutImage (floating) {IMG} at (20,25) size 15x36 [border: (3.00px solid #000000)]
|
| LayoutText {#text} at (569,25) size 679x39
|
| text run at (569,25) width 160: " at most, as high as the top"
|
| text run at (50,45) width 593: "edge of the inline element containing the content just before the floating images occur in the source. "
|
| text run at (643,45) width 8: "*"
|
| - LayoutImage (floating) {IMG} at (35,45) size 15x36 [border: (3px solid #000000)]
|
| + LayoutImage (floating) {IMG} at (35,45) size 15x36 [border: (3.00px solid #000000)]
|
| LayoutText {#text} at (651,45) size 746x79
|
| text run at (651,45) width 69: " In order to"
|
| text run at (50,65) width 520: "mark these points clearly, an asterisk has been inserted just before each floated image. "
|
| text run at (569,65) width 182: "If a line has room for a floated"
|
| text run at (5,85) width 693: "image, then the image should float so that its top is aligned with the top of the line-box in which the asterisk appears."
|
| text run at (5,105) width 380: "Otherwise, its top should align with the top of the next line-box."
|
| - LayoutBlockFlow {HR} at (24,2636) size 578.75x2 [border: (1px inset #EEEEEE)]
|
| - LayoutBlockFlow {DIV} at (2,2662) size 490x310 [border: (5px solid #800080)]
|
| + LayoutBlockFlow {HR} at (24,2636) size 578.75x2 [border: (1.00px inset #EEEEEE)]
|
| + LayoutBlockFlow {DIV} at (2,2662) size 490x310 [border: (5.00px solid #800080)]
|
| LayoutText {#text} at (199,5) size 50x19
|
| text run at (199,5) width 50: "This is *"
|
| - LayoutBlockFlow (floating) {P} at (5,5) size 194x74 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
|
| + LayoutBlockFlow (floating) {P} at (5,5) size 194x74 [bgcolor=#C0C0C0] [border: (1.00px solid #00FF00)]
|
| LayoutText {#text} at (17,17) size 159x39
|
| text run at (17,17) width 120: "This is a left-floating"
|
| text run at (17,37) width 159: "paragraph (first in source)."
|
| LayoutText {#text} at (249,5) size 12x19
|
| text run at (249,5) width 12: " *"
|
| - LayoutBlockFlow (floating) {P} at (291,5) size 194x94 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
|
| + LayoutBlockFlow (floating) {P} at (291,5) size 194x94 [bgcolor=#C0C0C0] [border: (1.00px solid #00FF00)]
|
| LayoutText {#text} at (17,17) size 128x59
|
| text run at (17,17) width 128: "This is a right-floating"
|
| text run at (17,37) width 127: "paragraph (second in"
|
| @@ -326,14 +326,14 @@ layer at (0,0) size 785x6461 backgroundClip at (0,0) size 785x600 clip at (0,0)
|
| text run at (5,245) width 478: "floated elements to align with the top of the line-box following the insertion point"
|
| text run at (5,265) width 456: "of the floated element to avoid floating elements appearing before text which"
|
| text run at (5,285) width 213: "precedes it in the source document."
|
| - LayoutBlockFlow {HR} at (364.28,2980) size 40.44x2 [border: (1px inset #EEEEEE)]
|
| - LayoutBlockFlow {DIV} at (2,2990) size 490x230 [border: (5px solid #800080)]
|
| + LayoutBlockFlow {HR} at (364.28,2980) size 40.44x2 [border: (1.00px inset #EEEEEE)]
|
| + LayoutBlockFlow {DIV} at (2,2990) size 490x230 [border: (5.00px solid #800080)]
|
| LayoutText {#text} at (20,5) size 50x19
|
| text run at (20,5) width 50: "This is *"
|
| - LayoutImage (floating) {IMG} at (5,5) size 15x36 [border: (3px solid #000000)]
|
| + LayoutImage (floating) {IMG} at (5,5) size 15x36 [border: (3.00px solid #000000)]
|
| LayoutText {#text} at (70,5) size 12x19
|
| text run at (70,5) width 12: " *"
|
| - LayoutImage (floating) {IMG} at (470,5) size 15x36 [border: (3px solid #000000)]
|
| + LayoutImage (floating) {IMG} at (470,5) size 15x36 [border: (3.00px solid #000000)]
|
| LayoutText {#text} at (82,5) size 479x219
|
| text run at (82,5) width 124: " text within the DIV. "
|
| text run at (205,5) width 257: "Under CSS1, the left floating image should"
|
| @@ -349,31 +349,31 @@ layer at (0,0) size 785x6461 backgroundClip at (0,0) size 785x600 clip at (0,0)
|
| text run at (5,165) width 452: "the top of floated elements to align with the top of the line-box following the"
|
| text run at (5,185) width 479: "insertion point of the floated element to avoid floating elements appearing before"
|
| text run at (5,205) width 278: "text which precedes it in the source document."
|
| - LayoutBlockFlow {HR} at (24,3244) size 578.75x2 [border: (1px inset #EEEEEE)]
|
| - LayoutTable {TABLE} at (0,3270) size 769x3175 [border: (1px outset #808080)]
|
| + LayoutBlockFlow {HR} at (24,3244) size 578.75x2 [border: (1.00px inset #EEEEEE)]
|
| + LayoutTable {TABLE} at (0,3270) size 769x3175 [border: (1.00px outset #808080)]
|
| LayoutTableSection {TBODY} at (1,1) size 767x3173
|
| LayoutTableRow {TR} at (0,0) size 767x28
|
| - LayoutTableCell {TD} at (0,0) size 767x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
|
| + LayoutTableCell {TD} at (0,0) size 767x28 [bgcolor=#C0C0C0] [border: (1.00px inset #808080)] [r=0 c=0 rs=1 cs=2]
|
| LayoutInline {STRONG} at (0,0) size 157x19
|
| LayoutText {#text} at (4,4) size 157x19
|
| text run at (4,4) width 157: "TABLE Testing Section"
|
| LayoutTableRow {TR} at (0,28) size 767x3145
|
| - LayoutTableCell {TD} at (0,1586) size 12x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
|
| + LayoutTableCell {TD} at (0,1586) size 12x28 [bgcolor=#C0C0C0] [border: (1.00px inset #808080)] [r=1 c=0 rs=1 cs=1]
|
| LayoutText {#text} at (4,4) size 4x19
|
| text run at (4,4) width 4: " "
|
| - LayoutTableCell {TD} at (12,28) size 755x3145 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
|
| + LayoutTableCell {TD} at (12,28) size 755x3145 [border: (1.00px inset #808080)] [r=1 c=1 rs=1 cs=1]
|
| LayoutBlockFlow {P} at (4,4) size 747x40
|
| LayoutText {#text} at (0,0) size 731x39
|
| text run at (0,0) width 645: "On this test page, each test is performed once with floating paragraphs, and then again with floating images. "
|
| text run at (645,0) width 86: "Other than the"
|
| text run at (0,20) width 690: "substitution of images for pargraphs, the structure of the test is exactly the same, including the direction of the floats."
|
| - LayoutBlockFlow {HR} at (28,68) size 562.25x2 [border: (1px inset #EEEEEE)]
|
| - LayoutBlockFlow {DIV} at (6,94) size 743x110 [border: (5px solid #800080)]
|
| - LayoutBlockFlow (floating) {P} at (5,5) size 194x74 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
|
| + LayoutBlockFlow {HR} at (28,68) size 562.25x2 [border: (1.00px inset #EEEEEE)]
|
| + LayoutBlockFlow {DIV} at (6,94) size 743x110 [border: (5.00px solid #800080)]
|
| + LayoutBlockFlow (floating) {P} at (5,5) size 194x74 [bgcolor=#C0C0C0] [border: (1.00px solid #00FF00)]
|
| LayoutText {#text} at (17,17) size 159x39
|
| text run at (17,17) width 120: "This is a left-floating"
|
| text run at (17,37) width 159: "paragraph (first in source)."
|
| - LayoutBlockFlow (floating) {P} at (544,5) size 194x94 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
|
| + LayoutBlockFlow (floating) {P} at (544,5) size 194x94 [bgcolor=#C0C0C0] [border: (1.00px solid #00FF00)]
|
| LayoutText {#text} at (17,17) size 128x59
|
| text run at (17,17) width 128: "This is a right-floating"
|
| text run at (17,37) width 127: "paragraph (second in"
|
| @@ -385,25 +385,25 @@ layer at (0,0) size 785x6461 backgroundClip at (0,0) size 785x600 clip at (0,0)
|
| text run at (199,45) width 334: "of this DIV, which means that the borders of the floating"
|
| text run at (199,65) width 325: "elements should not overlap the top or side borders of"
|
| text run at (5,85) width 51: "the DIV."
|
| - LayoutBlockFlow {HR} at (357.83,212) size 39.34x2 [border: (1px inset #EEEEEE)]
|
| - LayoutBlockFlow {DIV} at (6,222) size 743x50 [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)]
|
| + LayoutBlockFlow {HR} at (357.83,212) size 39.34x2 [border: (1.00px inset #EEEEEE)]
|
| + LayoutBlockFlow {DIV} at (6,222) size 743x50 [border: (5.00px solid #800080)]
|
| + LayoutImage (floating) {IMG} at (5,5) size 15x36 [border: (3.00px solid #000000)]
|
| + LayoutImage (floating) {IMG} at (723,5) size 15x36 [border: (3.00px solid #000000)]
|
| LayoutText {#text} at (20,5) size 702x39
|
| text run at (20,5) width 162: "This is text within the DIV. "
|
| text run at (181,5) width 541: "The floating images within this DIV should not go beyond the left or right inner edge of this"
|
| text run at (20,25) width 667: "DIV, which means that the borders of the floating images should not overlap the top or side borders of the DIV."
|
| - LayoutBlockFlow {HR} at (28,296) size 562.25x2 [border: (1px inset #EEEEEE)]
|
| - LayoutBlockFlow {DIV} at (6,322) size 442x230 [border: (5px solid #800080)]
|
| - LayoutBlockFlow (floating) {P} at (5,5) size 194x74 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
|
| + LayoutBlockFlow {HR} at (28,296) size 562.25x2 [border: (1.00px inset #EEEEEE)]
|
| + LayoutBlockFlow {DIV} at (6,322) size 442x230 [border: (5.00px solid #800080)]
|
| + LayoutBlockFlow (floating) {P} at (5,5) size 194x74 [bgcolor=#C0C0C0] [border: (1.00px solid #00FF00)]
|
| LayoutText {#text} at (17,17) size 157x39
|
| text run at (17,17) width 157: "This is the first left-floating"
|
| text run at (17,37) width 65: "paragraph."
|
| - LayoutBlockFlow (floating) {P} at (199,5) size 194x74 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
|
| + LayoutBlockFlow (floating) {P} at (199,5) size 194x74 [bgcolor=#C0C0C0] [border: (1.00px solid #00FF00)]
|
| LayoutText {#text} at (17,17) size 135x39
|
| text run at (17,17) width 135: "This is the second left-"
|
| text run at (17,37) width 112: "floating paragraph."
|
| - LayoutBlockFlow (floating) {P} at (5,79) size 194x74 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
|
| + LayoutBlockFlow (floating) {P} at (5,79) size 194x74 [bgcolor=#C0C0C0] [border: (1.00px solid #00FF00)]
|
| LayoutText {#text} at (17,17) size 119x39
|
| text run at (17,17) width 119: "This is the third left-"
|
| text run at (17,37) width 112: "floating paragraph."
|
| @@ -422,11 +422,11 @@ layer at (0,0) size 785x6461 backgroundClip at (0,0) size 785x600 clip at (0,0)
|
| text run at (36,185) width 288: "In addition, they should not overlap each other. "
|
| text run at (323,185) width 77: "The first two"
|
| text run at (5,205) width 414: "should be side by side, whereas the third should be on the next \"line.\""
|
| - LayoutBlockFlow {HR} at (357.83,560) size 39.34x2 [border: (1px inset #EEEEEE)]
|
| - LayoutBlockFlow {DIV} at (6,570) size 360x210 [border: (5px solid #800080)]
|
| - 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)]
|
| + LayoutBlockFlow {HR} at (357.83,560) size 39.34x2 [border: (1.00px inset #EEEEEE)]
|
| + LayoutBlockFlow {DIV} at (6,570) size 360x210 [border: (5.00px solid #800080)]
|
| + LayoutImage (floating) {IMG} at (5,5) size 156x36 [border: (3.00px solid #000000)]
|
| + LayoutImage (floating) {IMG} at (161,5) size 156x36 [border: (3.00px solid #000000)]
|
| + LayoutImage (floating) {IMG} at (5,41) size 156x36 [border: (3.00px solid #000000)]
|
| LayoutText {#text} at (317,5) size 350x199
|
| text run at (317,5) width 38: "This is"
|
| text run at (317,25) width 22: "text"
|
| @@ -440,13 +440,13 @@ layer at (0,0) size 785x6461 backgroundClip at (0,0) size 785x600 clip at (0,0)
|
| text run at (291,145) width 50: "The first"
|
| text run at (5,165) width 333: "two should be side by side, whereas the third should be"
|
| text run at (5,185) width 104: "on the next \"line.\""
|
| - LayoutBlockFlow {HR} at (28,804) size 562.25x2 [border: (1px inset #EEEEEE)]
|
| - LayoutBlockFlow {DIV} at (6,830) size 314x364 [border: (5px solid #800080)]
|
| - LayoutBlockFlow (floating) {P} at (5,5) size 194x74 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
|
| + LayoutBlockFlow {HR} at (28,804) size 562.25x2 [border: (1.00px inset #EEEEEE)]
|
| + LayoutBlockFlow {DIV} at (6,830) size 314x364 [border: (5.00px solid #800080)]
|
| + LayoutBlockFlow (floating) {P} at (5,5) size 194x74 [bgcolor=#C0C0C0] [border: (1.00px solid #00FF00)]
|
| LayoutText {#text} at (17,17) size 159x39
|
| text run at (17,17) width 120: "This is a left-floating"
|
| text run at (17,37) width 159: "paragraph (first in source)."
|
| - LayoutBlockFlow (floating) {P} at (115,79) size 194x94 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
|
| + LayoutBlockFlow (floating) {P} at (115,79) size 194x94 [bgcolor=#C0C0C0] [border: (1.00px solid #00FF00)]
|
| LayoutText {#text} at (17,17) size 128x59
|
| text run at (17,17) width 128: "This is a right-floating"
|
| text run at (17,37) width 127: "paragraph (second in"
|
| @@ -471,10 +471,10 @@ layer at (0,0) size 785x6461 backgroundClip at (0,0) size 785x600 clip at (0,0)
|
| text run at (5,299) width 303: "side-by-side, but instead the first should be floated"
|
| text run at (5,319) width 293: "left, and the second floated to the right below the"
|
| text run at (5,339) width 26: "first."
|
| - LayoutBlockFlow {HR} at (357.83,1202) size 39.34x2 [border: (1px inset #EEEEEE)]
|
| - LayoutBlockFlow {DIV} at (6,1212) size 410x226 [border: (5px solid #800080)]
|
| - LayoutImage (floating) {IMG} at (5,5) size 256x36 [border: (3px solid #000000)]
|
| - LayoutImage (floating) {IMG} at (149,41) size 256x36 [border: (3px solid #000000)]
|
| + LayoutBlockFlow {HR} at (357.83,1202) size 39.34x2 [border: (1.00px inset #EEEEEE)]
|
| + LayoutBlockFlow {DIV} at (6,1212) size 410x226 [border: (5.00px solid #800080)]
|
| + LayoutImage (floating) {IMG} at (5,5) size 256x36 [border: (3.00px solid #000000)]
|
| + LayoutImage (floating) {IMG} at (149,41) size 256x36 [border: (3.00px solid #000000)]
|
| LayoutText {#text} at (261,5) size 399x215
|
| text run at (261,5) width 125: "This is text within the"
|
| text run at (5,41) width 33: "DIV. "
|
| @@ -489,13 +489,13 @@ layer at (0,0) size 785x6461 backgroundClip at (0,0) size 785x600 clip at (0,0)
|
| text run at (254,161) width 135: "In addition, the floated"
|
| text run at (5,181) width 388: "images should not be side-by-side, but instead the first should be"
|
| text run at (5,201) width 368: "floated left, and the second floated to the right below the first."
|
| - LayoutBlockFlow {HR} at (28,1462) size 562.25x2 [border: (1px inset #EEEEEE)]
|
| - LayoutBlockFlow {DIV} at (6,1488) size 743x130 [border: (5px solid #800080)]
|
| - LayoutBlockFlow (floating) {P} at (544,5) size 194x74 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
|
| + LayoutBlockFlow {HR} at (28,1462) size 562.25x2 [border: (1.00px inset #EEEEEE)]
|
| + LayoutBlockFlow {DIV} at (6,1488) size 743x130 [border: (5.00px solid #800080)]
|
| + LayoutBlockFlow (floating) {P} at (544,5) size 194x74 [bgcolor=#C0C0C0] [border: (1.00px solid #00FF00)]
|
| LayoutText {#text} at (17,17) size 159x39
|
| text run at (17,17) width 128: "This is a right-floating"
|
| text run at (17,37) width 159: "paragraph (first in source)."
|
| - LayoutBlockFlow (floating) {P} at (5,5) size 194x94 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
|
| + LayoutBlockFlow (floating) {P} at (5,5) size 194x94 [bgcolor=#C0C0C0] [border: (1.00px solid #00FF00)]
|
| LayoutText {#text} at (17,17) size 127x59
|
| text run at (17,17) width 120: "This is a left-floating"
|
| text run at (17,37) width 127: "paragraph (second in"
|
| @@ -509,22 +509,22 @@ layer at (0,0) size 785x6461 backgroundClip at (0,0) size 785x600 clip at (0,0)
|
| text run at (199,85) width 57: "any way. "
|
| text run at (255,85) width 467: "In addition, the top of the left-floating box should not be higher than the top of"
|
| text run at (5,105) width 128: "the right-floating box."
|
| - LayoutBlockFlow {HR} at (357.83,1626) size 39.34x2 [border: (1px inset #EEEEEE)]
|
| - LayoutBlockFlow {DIV} at (6,1636) size 743x70 [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)]
|
| + LayoutBlockFlow {HR} at (357.83,1626) size 39.34x2 [border: (1.00px inset #EEEEEE)]
|
| + LayoutBlockFlow {DIV} at (6,1636) size 743x70 [border: (5.00px solid #800080)]
|
| + LayoutImage (floating) {IMG} at (5,5) size 15x36 [border: (3.00px solid #000000)]
|
| + LayoutImage (floating) {IMG} at (723,5) size 15x36 [border: (3.00px solid #000000)]
|
| LayoutText {#text} at (20,5) size 706x59
|
| text run at (20,5) width 162: "This is text within the DIV. "
|
| text run at (181,5) width 530: "The floating images within this DIV should not go beyond the top side of this DIV, which"
|
| text run at (20,25) width 668: "means that the borders of the floating images should not overlap the top or side borders of the DIV in any way. "
|
| text run at (687,25) width 13: "In"
|
| text run at (5,45) width 606: "addition, the top of the left-floating image should not be higher than the top of the right-floating image."
|
| - LayoutBlockFlow {HR} at (28,1730) size 562.25x2 [border: (1px inset #EEEEEE)]
|
| - LayoutBlockFlow {DIV} at (6,1756) size 743x130 [border: (5px solid #800080)]
|
| + LayoutBlockFlow {HR} at (28,1730) size 562.25x2 [border: (1.00px inset #EEEEEE)]
|
| + LayoutBlockFlow {DIV} at (6,1756) size 743x130 [border: (5.00px solid #800080)]
|
| LayoutText {#text} at (199,5) size 170x19
|
| text run at (199,5) width 162: "This is text within the DIV. "
|
| text run at (360,5) width 9: "*"
|
| - LayoutBlockFlow (floating) {P} at (5,5) size 194x74 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
|
| + LayoutBlockFlow (floating) {P} at (5,5) size 194x74 [bgcolor=#C0C0C0] [border: (1.00px solid #00FF00)]
|
| LayoutText {#text} at (17,17) size 159x39
|
| text run at (17,17) width 120: "This is a left-floating"
|
| text run at (17,37) width 159: "paragraph (first in source)."
|
| @@ -532,7 +532,7 @@ layer at (0,0) size 785x6461 backgroundClip at (0,0) size 785x600 clip at (0,0)
|
| text run at (368,5) width 335: " The floating elements within this DIV should not go any"
|
| text run at (199,25) width 447: "higher than the line-box containing the inline content which precedes them. "
|
| text run at (646,25) width 12: "* "
|
| - LayoutBlockFlow (floating) {P} at (544,45) size 194x94 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
|
| + LayoutBlockFlow (floating) {P} at (544,45) size 194x94 [bgcolor=#C0C0C0] [border: (1.00px solid #00FF00)]
|
| LayoutText {#text} at (17,17) size 128x59
|
| text run at (17,17) width 128: "This is a right-floating"
|
| text run at (17,37) width 127: "paragraph (second in"
|
| @@ -544,28 +544,28 @@ layer at (0,0) size 785x6461 backgroundClip at (0,0) size 785x600 clip at (0,0)
|
| text run at (5,85) width 315: "just before the floating elements occur in the source. "
|
| text run at (320,85) width 221: "In order to mark these points clearly,"
|
| text run at (5,105) width 371: "an asterisk has been inserted just before each floated element."
|
| - LayoutBlockFlow {HR} at (357.83,1895) size 39.34x2 [border: (1px inset #EEEEEE)]
|
| - LayoutBlockFlow {DIV} at (6,1905) size 743x90 [border: (5px solid #800080)]
|
| + LayoutBlockFlow {HR} at (357.83,1895) size 39.34x2 [border: (1.00px inset #EEEEEE)]
|
| + LayoutBlockFlow {DIV} at (6,1905) size 743x90 [border: (5.00px solid #800080)]
|
| LayoutText {#text} at (20,5) size 170x19
|
| text run at (20,5) width 162: "This is text within the DIV. "
|
| text run at (181,5) width 9: "*"
|
| - LayoutImage (floating) {IMG} at (5,5) size 15x36 [border: (3px solid #000000)]
|
| + LayoutImage (floating) {IMG} at (5,5) size 15x36 [border: (3.00px solid #000000)]
|
| LayoutText {#text} at (189,5) size 701x39
|
| text run at (189,5) width 532: " The floating images within this DIV should not go any higher than the line-box containing"
|
| text run at (20,25) width 239: "the inline content which precedes them. "
|
| text run at (259,25) width 12: "* "
|
| - LayoutImage (floating) {IMG} at (723,25) size 15x36 [border: (3px solid #000000)]
|
| + LayoutImage (floating) {IMG} at (723,25) size 15x36 [border: (3.00px solid #000000)]
|
| LayoutText {#text} at (271,25) size 717x59
|
| text run at (271,25) width 429: "This means that the top side of each float can be, at most, as high as the"
|
| text run at (5,45) width 617: "top edge of the inline element containing the content just before the floating images occur in the source. "
|
| text run at (622,45) width 100: "In order to mark"
|
| text run at (5,65) width 481: "these points clearly, an asterisk has been inserted just before each floated image."
|
| - LayoutBlockFlow {HR} at (28,2019) size 562.25x2 [border: (1px inset #EEEEEE)]
|
| - LayoutBlockFlow {DIV} at (6,2045) size 743x290 [border: (5px solid #800080)]
|
| + LayoutBlockFlow {HR} at (28,2019) size 562.25x2 [border: (1.00px inset #EEEEEE)]
|
| + LayoutBlockFlow {DIV} at (6,2045) size 743x290 [border: (5.00px solid #800080)]
|
| LayoutText {#text} at (199,5) size 170x19
|
| text run at (199,5) width 162: "This is text within the DIV. "
|
| text run at (360,5) width 9: "*"
|
| - LayoutBlockFlow (floating) {P} at (5,5) size 194x74 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
|
| + LayoutBlockFlow (floating) {P} at (5,5) size 194x74 [bgcolor=#C0C0C0] [border: (1.00px solid #00FF00)]
|
| LayoutText {#text} at (17,17) size 159x39
|
| text run at (17,17) width 120: "This is a left-floating"
|
| text run at (17,37) width 159: "paragraph (first in source)."
|
| @@ -573,7 +573,7 @@ layer at (0,0) size 785x6461 backgroundClip at (0,0) size 785x600 clip at (0,0)
|
| text run at (368,5) width 335: " The floating elements within this DIV should not go any"
|
| text run at (199,25) width 447: "higher than the line-box containing the inline content which precedes them. "
|
| text run at (646,25) width 12: "* "
|
| - LayoutBlockFlow (floating) {P} at (544,45) size 194x94 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
|
| + LayoutBlockFlow (floating) {P} at (544,45) size 194x94 [bgcolor=#C0C0C0] [border: (1.00px solid #00FF00)]
|
| LayoutText {#text} at (17,17) size 128x59
|
| text run at (17,17) width 128: "This is a right-floating"
|
| text run at (17,37) width 127: "paragraph (second in"
|
| @@ -581,7 +581,7 @@ layer at (0,0) size 785x6461 backgroundClip at (0,0) size 785x600 clip at (0,0)
|
| LayoutText {#text} at (658,25) size 526x39
|
| text run at (658,25) width 67: "This means"
|
| text run at (199,45) width 230: "that the top side of each float can be,*"
|
| - LayoutBlockFlow (floating) {P} at (199,65) size 194x94 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
|
| + LayoutBlockFlow (floating) {P} at (199,65) size 194x94 [bgcolor=#C0C0C0] [border: (1.00px solid #00FF00)]
|
| LayoutText {#text} at (17,17) size 120x59
|
| text run at (17,17) width 120: "This is a left-floating"
|
| text run at (17,37) width 111: "paragraph (third in"
|
| @@ -594,7 +594,7 @@ layer at (0,0) size 785x6461 backgroundClip at (0,0) size 785x600 clip at (0,0)
|
| text run at (393,125) width 151: "floating elements occur in"
|
| text run at (587,145) width 70: "the source. "
|
| text run at (657,145) width 8: "*"
|
| - LayoutBlockFlow (floating) {P} at (393,145) size 194x94 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
|
| + LayoutBlockFlow (floating) {P} at (393,145) size 194x94 [bgcolor=#C0C0C0] [border: (1.00px solid #00FF00)]
|
| LayoutText {#text} at (17,17) size 120x59
|
| text run at (17,17) width 120: "This is a left-floating"
|
| text run at (17,37) width 119: "paragraph (fourth in"
|
| @@ -609,26 +609,26 @@ layer at (0,0) size 785x6461 backgroundClip at (0,0) size 785x600 clip at (0,0)
|
| text run at (5,245) width 709: "line has room for a floated element, then the element should float so that its top is aligned with the top of the line-box in"
|
| text run at (5,265) width 167: "which the asterisk appears. "
|
| text run at (172,265) width 380: "Otherwise, its top should align with the top of the next line-box."
|
| - LayoutBlockFlow {HR} at (357.83,2343) size 39.34x2 [border: (1px inset #EEEEEE)]
|
| - LayoutBlockFlow {DIV} at (6,2353) size 743x130 [border: (5px solid #800080)]
|
| + LayoutBlockFlow {HR} at (357.83,2343) size 39.34x2 [border: (1.00px inset #EEEEEE)]
|
| + LayoutBlockFlow {DIV} at (6,2353) size 743x130 [border: (5.00px solid #800080)]
|
| LayoutText {#text} at (20,5) size 170x19
|
| text run at (20,5) width 162: "This is text within the DIV. "
|
| text run at (181,5) width 9: "*"
|
| - LayoutImage (floating) {IMG} at (5,5) size 15x36 [border: (3px solid #000000)]
|
| + LayoutImage (floating) {IMG} at (5,5) size 15x36 [border: (3.00px solid #000000)]
|
| LayoutText {#text} at (189,5) size 686x39
|
| text run at (189,5) width 532: " The floating images within this DIV should not go any higher than the line-box containing"
|
| text run at (35,25) width 239: "the inline content which precedes them. "
|
| text run at (274,25) width 12: "* "
|
| - LayoutImage (floating) {IMG} at (723,25) size 15x36 [border: (3px solid #000000)]
|
| + LayoutImage (floating) {IMG} at (723,25) size 15x36 [border: (3.00px solid #000000)]
|
| LayoutText {#text} at (286,25) size 305x19
|
| text run at (286,25) width 297: "This means that the top side of each float can be, "
|
| text run at (583,25) width 8: "*"
|
| - LayoutImage (floating) {IMG} at (20,25) size 15x36 [border: (3px solid #000000)]
|
| + LayoutImage (floating) {IMG} at (20,25) size 15x36 [border: (3.00px solid #000000)]
|
| LayoutText {#text} at (591,25) size 655x39
|
| text run at (591,25) width 114: " at most, as high as"
|
| text run at (50,45) width 639: "the top edge of the inline element containing the content just before the floating images occur in the source. "
|
| text run at (689,45) width 8: "*"
|
| - LayoutImage (floating) {IMG} at (35,45) size 15x36 [border: (3px solid #000000)]
|
| + LayoutImage (floating) {IMG} at (35,45) size 15x36 [border: (3.00px solid #000000)]
|
| LayoutText {#text} at (697,45) size 722x79
|
| text run at (697,45) width 16: " In"
|
| text run at (50,65) width 573: "order to mark these points clearly, an asterisk has been inserted just before each floated image. "
|
| @@ -636,17 +636,17 @@ layer at (0,0) size 785x6461 backgroundClip at (0,0) size 785x600 clip at (0,0)
|
| text run at (5,85) width 714: "for a floated image, then the image should float so that its top is aligned with the top of the line-box in which the asterisk"
|
| text run at (5,105) width 56: "appears. "
|
| text run at (61,105) width 380: "Otherwise, its top should align with the top of the next line-box."
|
| - LayoutBlockFlow {HR} at (28,2507) size 562.25x2 [border: (1px inset #EEEEEE)]
|
| - LayoutBlockFlow {DIV} at (6,2533) size 490x310 [border: (5px solid #800080)]
|
| + LayoutBlockFlow {HR} at (28,2507) size 562.25x2 [border: (1.00px inset #EEEEEE)]
|
| + LayoutBlockFlow {DIV} at (6,2533) size 490x310 [border: (5.00px solid #800080)]
|
| LayoutText {#text} at (199,5) size 50x19
|
| text run at (199,5) width 50: "This is *"
|
| - LayoutBlockFlow (floating) {P} at (5,5) size 194x74 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
|
| + LayoutBlockFlow (floating) {P} at (5,5) size 194x74 [bgcolor=#C0C0C0] [border: (1.00px solid #00FF00)]
|
| LayoutText {#text} at (17,17) size 159x39
|
| text run at (17,17) width 120: "This is a left-floating"
|
| text run at (17,37) width 159: "paragraph (first in source)."
|
| LayoutText {#text} at (249,5) size 12x19
|
| text run at (249,5) width 12: " *"
|
| - LayoutBlockFlow (floating) {P} at (291,5) size 194x94 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
|
| + LayoutBlockFlow (floating) {P} at (291,5) size 194x94 [bgcolor=#C0C0C0] [border: (1.00px solid #00FF00)]
|
| LayoutText {#text} at (17,17) size 128x59
|
| text run at (17,17) width 128: "This is a right-floating"
|
| text run at (17,37) width 127: "paragraph (second in"
|
| @@ -668,14 +668,14 @@ layer at (0,0) size 785x6461 backgroundClip at (0,0) size 785x600 clip at (0,0)
|
| text run at (5,245) width 478: "floated elements to align with the top of the line-box following the insertion point"
|
| text run at (5,265) width 456: "of the floated element to avoid floating elements appearing before text which"
|
| text run at (5,285) width 213: "precedes it in the source document."
|
| - LayoutBlockFlow {HR} at (357.83,2851) size 39.34x2 [border: (1px inset #EEEEEE)]
|
| - LayoutBlockFlow {DIV} at (6,2861) size 490x230 [border: (5px solid #800080)]
|
| + LayoutBlockFlow {HR} at (357.83,2851) size 39.34x2 [border: (1.00px inset #EEEEEE)]
|
| + LayoutBlockFlow {DIV} at (6,2861) size 490x230 [border: (5.00px solid #800080)]
|
| LayoutText {#text} at (20,5) size 50x19
|
| text run at (20,5) width 50: "This is *"
|
| - LayoutImage (floating) {IMG} at (5,5) size 15x36 [border: (3px solid #000000)]
|
| + LayoutImage (floating) {IMG} at (5,5) size 15x36 [border: (3.00px solid #000000)]
|
| LayoutText {#text} at (70,5) size 12x19
|
| text run at (70,5) width 12: " *"
|
| - LayoutImage (floating) {IMG} at (470,5) size 15x36 [border: (3px solid #000000)]
|
| + LayoutImage (floating) {IMG} at (470,5) size 15x36 [border: (3.00px solid #000000)]
|
| LayoutText {#text} at (82,5) size 479x219
|
| text run at (82,5) width 124: " text within the DIV. "
|
| text run at (205,5) width 257: "Under CSS1, the left floating image should"
|
| @@ -691,4 +691,4 @@ layer at (0,0) size 785x6461 backgroundClip at (0,0) size 785x600 clip at (0,0)
|
| text run at (5,165) width 452: "the top of floated elements to align with the top of the line-box following the"
|
| text run at (5,185) width 479: "insertion point of the floated element to avoid floating elements appearing before"
|
| text run at (5,205) width 278: "text which precedes it in the source document."
|
| - LayoutBlockFlow {HR} at (28,3115) size 562.25x2 [border: (1px inset #EEEEEE)]
|
| + LayoutBlockFlow {HR} at (28,3115) size 562.25x2 [border: (1.00px inset #EEEEEE)]
|
|
|