third_party/WebKit/LayoutTests/platform/linux/css1/formatting_model/floating_elements-expected.txt - Issue 1870073003: Auto-rebaseline for r386022

Unified Diff: third_party/WebKit/LayoutTests/platform/linux/css1/formatting_model/floating_elements-expected.txt

Issue 1870073003: Auto-rebaseline for r386022 (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master

Patch Set: Created 4 years, 8 months ago

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Jump to:

View side-by-side diff with in-line comments

Download patch

« no previous file with comments | « third_party/WebKit/LayoutTests/platform/linux/css1/formatting_model/floating_elements-expected.png ('k') | third_party/WebKit/LayoutTests/platform/linux/css1/formatting_model/inline_elements-expected.png » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

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..cd5cccc21b4df217966ef17fcc49d7405b9b7e7c 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

@@ -1,8 +1,8 @@

-layer at (0,0) size 800x600 clip at (0,0) size 785x600 scrollHeight 6461

+layer at (0,0) size 800x600 clip at (0,0) size 785x600 scrollHeight 6501

LayoutView at (0,0) size 800x600

-layer at (0,0) size 785x6461 backgroundClip at (0,0) size 785x600 clip at (0,0) size 785x600

- LayoutBlockFlow {HTML} at (0,0) size 785x6461

- LayoutBlockFlow {BODY} at (8,8) size 769x6445 [bgcolor=#CCCCCC]

+layer at (0,0) size 785x6501 backgroundClip at (0,0) size 785x600 clip at (0,0) size 785x600

+ LayoutBlockFlow {HTML} at (0,0) size 785x6501

+ LayoutBlockFlow {BODY} at (8,8) size 769x6485 [bgcolor=#CCCCCC]

LayoutBlockFlow {P} at (0,0) size 769x20

LayoutText {#text} at (0,0) size 337x19

text run at (0,0) width 337: "The style declarations which apply to the text below are:"

@@ -43,19 +43,19 @@ layer at (0,0) size 785x6461 backgroundClip at (0,0) size 785x600 clip at (0,0)

text run at (17,37) width 127: "paragraph (second in"

text run at (17,57) width 49: "source)."

LayoutText {#text} at (199,5) size 358x79

- text run at (199,5) width 162: "This is text within the DIV. "

- text run at (360,5) width 190: "The floating elements within this"

+ text run at (199,5) width 164: "This is text within the DIV. "

+ text run at (363,5) width 189: "The floating elements within this"

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."

+ text run at (199,45) width 352: "DIV, which means that the borders of the floating elements"

+ text run at (199,65) width 326: "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)]

- 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."

+ LayoutText {#text} at (20,5) size 704x39

+ text run at (20,5) width 164: "This is text within the DIV. "

+ text run at (184,5) width 540: "The floating images within this DIV should not go beyond the left or right inner edge of this"

+ text run at (20,25) width 671: "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)]

@@ -75,15 +75,15 @@ layer at (0,0) size 785x6461 backgroundClip at (0,0) size 785x600 clip at (0,0)

text run at (393,25) width 22: "text"

text run at (393,45) width 35: "within"

text run at (393,65) width 18: "the"

- text run at (199,85) width 33: "DIV. "

- text run at (231,85) width 190: "The floating elements within this"

+ text run at (199,85) width 35: "DIV. "

+ text run at (234,85) width 189: "The floating elements within this"

text run at (199,105) width 222: "DIV should not go beyond the left or"

- text run at (199,125) width 204: "right inner edge of this DIV, which"

+ text run at (199,125) width 206: "right inner edge of this DIV, which"

text run at (199,145) width 222: "means that the borders of the floating"

text run at (5,165) width 417: "elements should not overlap the top or side borders of the DIV in any"

- text run at (5,185) width 32: "way. "

- 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,185) width 33: "way. "

+ text run at (38,185) width 287: "In addition, they should not overlap each other. "

+ text run at (325,185) width 76: "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)]

@@ -93,16 +93,17 @@ layer at (0,0) size 785x6461 backgroundClip at (0,0) size 785x600 clip at (0,0)

LayoutText {#text} at (317,5) size 350x199

text run at (317,5) width 38: "This is"

text run at (317,25) width 22: "text"

- text run at (161,45) width 94: "within the DIV. "

- text run at (254,45) width 71: "The floating"

+ text run at (161,45) width 96: "within the DIV. "

+ text run at (257,45) width 70: "The floating"

text run at (161,65) width 178: "images within this DIV should"

- text run at (5,85) width 317: "not go beyond the left or right inner edge of this DIV,"

+ text run at (5,85) width 319: "not go beyond the left or right inner edge of this DIV,"

text run at (5,105) width 349: "which means that the borders of the floating images should"

- text run at (5,125) width 350: "not overlap the top or side borders of the DIV in any way."

- text run at (5,145) width 287: "In addition, they should not overlap each other. "

- 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.\""

+ text run at (5,125) width 318: "not overlap the top or side borders of the DIV in any"

+ text run at (5,145) width 33: "way. "

+ text run at (38,145) width 287: "In addition, they should not overlap each other. "

+ text run at (325,145) width 23: "The"

+ text run at (5,165) width 340: "first two should be side by side, whereas the third should"

+ text run at (5,185) width 123: "be 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)]

@@ -116,44 +117,45 @@ layer at (0,0) size 785x6461 backgroundClip at (0,0) size 785x600 clip at (0,0)

text run at (17,57) width 49: "source)."

LayoutText {#text} at (199,5) size 303x353

text run at (199,5) width 103: "This is text within"

- text run at (199,25) width 55: "the DIV. "

- text run at (253,25) width 24: "The"

+ text run at (199,25) width 57: "the DIV. "

+ text run at (256,25) width 23: "The"

text run at (199,45) width 99: "floating elements"

text run at (5,79) width 90: "within this DIV"

text run at (5,99) width 81: "should not go"

text run at (5,119) width 106: "beyond the left or"

text run at (5,139) width 108: "right inner edge of"

- text run at (5,159) width 92: "this DIV, which"

+ text run at (5,159) width 94: "this DIV, which"

text run at (5,179) width 278: "means that the borders of the floating elements"

text run at (5,199) width 291: "should not overlap the top or side borders of the"

- text run at (5,219) width 102: "DIV in any way. "

- text run at (106,219) width 164: "In addition, they should not"

- text run at (5,239) width 272: "overlap each other in any way, nor should the"

+ text run at (5,219) width 103: "DIV in any way. "

+ text run at (108,219) width 163: "In addition, they should not"

+ text run at (5,239) width 273: "overlap each other in any way, nor should the"

text run at (5,259) width 290: "floated elements be overwritten by the DIV text."

text run at (5,279) width 276: "In addition, the floated elements should not be"

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)]

+ LayoutBlockFlow {DIV} at (2,1400) size 410x246 [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)]

- LayoutText {#text} at (261,5) size 399x215

+ LayoutText {#text} at (261,5) size 400x235

text run at (261,5) width 125: "This is text within the"

- text run at (5,41) width 33: "DIV. "

- text run at (37,41) width 71: "The floating"

+ text run at (5,41) width 35: "DIV. "

+ text run at (40,41) width 70: "The floating"

text run at (5,61) width 135: "images within this DIV"

- text run at (5,81) width 399: "should not go beyond the left or right inner edge of this DIV, which"

- text run at (5,101) width 382: "means that the borders of the floating images should not overlap"

- text run at (5,121) width 282: "the top or side borders of the DIV in any way. "

- text run at (286,121) width 98: "In addition, they"

- text run at (5,141) width 383: "should not overlap each other in any way, nor should the floated"

- text run at (5,161) width 249: "elements be overwritten by the DIV text. "

- 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)]

+ text run at (5,81) width 362: "should not go beyond the left or right inner edge of this DIV,"

+ text run at (5,101) width 372: "which means that the borders of the floating images should not"

+ text run at (5,121) width 332: "overlap the top or side borders of the DIV in any way. "

+ text run at (337,121) width 68: "In addition,"

+ text run at (5,141) width 368: "they should not overlap each other in any way, nor should the"

+ text run at (5,161) width 294: "floated elements be overwritten by the DIV text. "

+ text run at (299,161) width 90: "In addition, the"

+ text run at (5,181) width 371: "floated images should not be side-by-side, but instead the first"

+ text run at (5,201) width 400: "should be floated left, and the second floated to the right below the"

+ text run at (5,221) width 26: "first."

+ LayoutBlockFlow {HR} at (24,1670) size 578.75x2 [border: (1px inset #EEEEEE)]

+ LayoutBlockFlow {DIV} at (2,1696) size 765x130 [border: (5px solid #800080)]

LayoutBlockFlow (floating) {P} at (566,5) size 194x74 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]

LayoutText {#text} at (17,17) size 159x39

text run at (17,17) width 128: "This is a right-floating"

@@ -164,35 +166,35 @@ layer at (0,0) size 785x6461 backgroundClip at (0,0) size 785x600 clip at (0,0)

text run at (17,37) width 127: "paragraph (second in"

text run at (17,57) width 49: "source)."

LayoutText {#text} at (199,5) size 745x119

- text run at (199,5) width 162: "This is text within the DIV. "

- text run at (360,5) width 190: "The floating elements within this"

- text run at (199,25) width 347: "DIV should not go beyond the top side of this DIV, which"

+ text run at (199,5) width 164: "This is text within the DIV. "

+ text run at (363,5) width 189: "The floating elements within this"

+ text run at (199,25) width 349: "DIV should not go beyond the top side of this DIV, which"

text run at (199,45) width 344: "means that the borders of the floating elements should not"

- text run at (199,65) width 331: "overlap the top or side borders of the DIV in any way. "

- text run at (529,65) width 13: "In"

+ text run at (199,65) width 332: "overlap the top or side borders of the DIV in any way. "

+ text run at (531,65) width 12: "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)]

+ LayoutBlockFlow {HR} at (364.28,1834) size 40.44x2 [border: (1px inset #EEEEEE)]

+ LayoutBlockFlow {DIV} at (2,1844) 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)]

- 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"

+ LayoutText {#text} at (20,5) size 710x59

+ text run at (20,5) width 164: "This is text within the DIV. "

+ text run at (184,5) width 531: "The floating images within this DIV should not go beyond the top side of this DIV, which"

+ text run at (20,25) width 669: "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 (689,25) width 12: "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)]

- 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 {HR} at (24,1938) size 578.75x2 [border: (1px inset #EEEEEE)]

+ LayoutBlockFlow {DIV} at (2,1964) size 765x130 [border: (5px solid #800080)]

+ LayoutText {#text} at (199,5) size 172x19

+ text run at (199,5) width 164: "This is text within the DIV. "

+ text run at (363,5) width 8: "*"

LayoutBlockFlow (floating) {P} at (5,5) size 194x74 [bgcolor=#C0C0C0] [border: (1px 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 (368,5) size 544x39

- text run at (368,5) width 375: " The floating elements within this DIV should not go any higher"

+ LayoutText {#text} at (371,5) size 546x39

+ text run at (371,5) width 374: " 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)]

@@ -205,16 +207,16 @@ layer at (0,0) size 785x6461 backgroundClip at (0,0) size 785x600 clip at (0,0)

text run at (199,45) width 359: "side of each float can be, at most, as high as the top edge of"

text run at (199,65) width 326: "the inline element containing the content just before the"

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 (230,85) width 314: "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)]

- 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: "*"

+ LayoutBlockFlow {HR} at (364.28,2103) size 40.44x2 [border: (1px inset #EEEEEE)]

+ LayoutBlockFlow {DIV} at (2,2113) size 765x90 [border: (5px solid #800080)]

+ LayoutText {#text} at (20,5) size 172x19

+ text run at (20,5) width 164: "This is text within the DIV. "

+ text run at (184,5) width 8: "*"

LayoutImage (floating) {IMG} at (5,5) size 15x36 [border: (3px 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"

+ LayoutText {#text} at (192,5) size 725x39

+ text run at (192,5) width 553: " 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)]

@@ -222,18 +224,18 @@ layer at (0,0) size 785x6461 backgroundClip at (0,0) size 785x600 clip at (0,0)

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)]

- 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: "*"

+ text run at (5,65) width 407: "clearly, an asterisk has been inserted just before each floated image."

+ LayoutBlockFlow {HR} at (24,2227) size 578.75x2 [border: (1px inset #EEEEEE)]

+ LayoutBlockFlow {DIV} at (2,2253) size 765x230 [border: (5px solid #800080)]

+ LayoutText {#text} at (199,5) size 172x19

+ text run at (199,5) width 164: "This is text within the DIV. "

+ text run at (363,5) width 8: "*"

LayoutBlockFlow (floating) {P} at (5,5) size 194x74 [bgcolor=#C0C0C0] [border: (1px 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 (368,5) size 544x39

- text run at (368,5) width 375: " The floating elements within this DIV should not go any higher"

+ LayoutText {#text} at (371,5) size 546x39

+ text run at (371,5) width 374: " 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)]

@@ -262,20 +264,20 @@ layer at (0,0) size 785x6461 backgroundClip at (0,0) size 785x600 clip at (0,0)

text run at (17,17) width 120: "This is a left-floating"

text run at (17,37) width 119: "paragraph (fourth in"

text run at (17,57) width 49: "source)."

- LayoutText {#text} at (329,145) size 556x79

- text run at (329,145) width 426: " In order to mark these points clearly, an asterisk has been inserted just"

+ LayoutText {#text} at (329,145) size 557x79

+ text run at (329,145) width 427: " In order to mark these points clearly, an asterisk has been inserted just"

text run at (199,165) width 174: "before each floated element. "

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)]

- 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: "*"

+ LayoutBlockFlow {HR} at (364.28,2492) size 40.44x2 [border: (1px inset #EEEEEE)]

+ LayoutBlockFlow {DIV} at (2,2502) size 765x130 [border: (5px solid #800080)]

+ LayoutText {#text} at (20,5) size 172x19

+ text run at (20,5) width 164: "This is text within the DIV. "

+ text run at (184,5) width 8: "*"

LayoutImage (floating) {IMG} at (5,5) size 15x36 [border: (3px 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"

+ LayoutText {#text} at (192,5) size 710x39

+ text run at (192,5) width 553: " 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)]

@@ -288,14 +290,14 @@ layer at (0,0) size 785x6461 backgroundClip at (0,0) size 785x600 clip at (0,0)

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)]

- LayoutText {#text} at (651,45) size 746x79

+ LayoutText {#text} at (651,45) size 747x79

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 (50,65) width 521: "mark these points clearly, an asterisk has been inserted just before each floated image. "

+ text run at (571,65) width 181: "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,2656) size 578.75x2 [border: (1px inset #EEEEEE)]

+ LayoutBlockFlow {DIV} at (2,2682) size 490x310 [border: (5px 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)]

@@ -311,14 +313,14 @@ layer at (0,0) size 785x6461 backgroundClip at (0,0) size 785x600 clip at (0,0)

text run at (17,57) width 49: "source)."

LayoutText {#text} at (261,5) size 478x299

text run at (261,5) width 26: " text"

- text run at (199,25) width 90: "within the DIV."

+ text run at (199,25) width 92: "within the DIV."

text run at (199,45) width 83: "Under CSS1,"

text run at (199,65) width 87: "the left floating"

text run at (5,85) width 249: "element should be placed in the upper left"

- text run at (5,105) width 446: "corner of the DIV, and the purple border of the DIV should abut the green"

+ text run at (5,105) width 448: "corner of the DIV, and the purple border of the DIV should abut the green"

text run at (5,125) width 184: "border of the floating element. "

- text run at (189,125) width 265: "Similarly, the right floating element should be"

- text run at (5,145) width 463: "placed in the upper right corner of the DIV, and the purple border of the DIV"

+ text run at (189,125) width 266: "Similarly, the right floating element should be"

+ text run at (5,145) width 465: "placed in the upper right corner of the DIV, and the purple border of the DIV"

text run at (5,165) width 434: "should abut the green border of the floating element. The text of the DIV"

text run at (5,185) width 448: "element should flow between and under the two floating elements. The two"

text run at (5,205) width 434: "asterisk characters mark the insertion points of the floating elements. It is"

@@ -326,8 +328,8 @@ 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,3000) size 40.44x2 [border: (1px inset #EEEEEE)]

+ LayoutBlockFlow {DIV} at (2,3010) size 490x230 [border: (5px 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)]

@@ -335,12 +337,12 @@ layer at (0,0) size 785x6461 backgroundClip at (0,0) size 785x600 clip at (0,0)

text run at (70,5) width 12: " *"

LayoutImage (floating) {IMG} at (470,5) size 15x36 [border: (3px 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"

- text run at (20,25) width 443: "be placed in the upper left corner of the DIV, and the purple border of the"

+ text run at (82,5) width 126: " text within the DIV. "

+ text run at (208,5) width 256: "Under CSS1, the left floating image should"

+ text run at (20,25) width 445: "be placed in the upper left corner of the DIV, and the purple border of the"

text run at (5,45) width 336: "DIV should abut the green border of the floating image. "

- text run at (341,45) width 106: "Similarly, the right"

- text run at (5,65) width 455: "floating image should be placed in the upper right corner of the DIV, and the"

+ text run at (341,45) width 107: "Similarly, the right"

+ text run at (5,65) width 457: "floating image should be placed in the upper right corner of the DIV, and the"

text run at (5,85) width 457: "purple border of the DIV should abut the green border of the floating image."

text run at (5,105) width 456: "The text of the DIV element should flow between and under the two floating"

text run at (5,125) width 445: "image. The two asterisk characters mark the insertion points of the floating"

@@ -349,19 +351,19 @@ 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)]

- LayoutTableSection {TBODY} at (1,1) size 767x3173

+ LayoutBlockFlow {HR} at (24,3264) size 578.75x2 [border: (1px inset #EEEEEE)]

+ LayoutTable {TABLE} at (0,3290) size 769x3195 [border: (1px outset #808080)]

+ LayoutTableSection {TBODY} at (1,1) size 767x3193

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]

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]

+ LayoutTableRow {TR} at (0,28) size 767x3165

+ LayoutTableCell {TD} at (0,1596) size 12x28 [bgcolor=#C0C0C0] [border: (1px 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 755x3165 [border: (1px 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. "

@@ -379,20 +381,20 @@ layer at (0,0) size 785x6461 backgroundClip at (0,0) size 785x600 clip at (0,0)

text run at (17,37) width 127: "paragraph (second in"

text run at (17,57) width 49: "source)."

LayoutText {#text} at (199,5) size 536x99

- text run at (199,5) width 162: "This is text within the DIV. "

- text run at (360,5) width 166: "The floating elements within"

+ text run at (199,5) width 164: "This is text within the DIV. "

+ text run at (363,5) width 165: "The floating elements within"

text run at (199,25) width 342: "this DIV should not go beyond the left or right inner edge"

- text run at (199,45) width 334: "of this DIV, which means that the borders of the floating"

+ text run at (199,45) width 336: "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."

+ text run at (5,85) width 53: "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)]

- 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."

+ LayoutText {#text} at (20,5) size 695x39

+ text run at (20,5) width 164: "This is text within the DIV. "

+ text run at (184,5) width 516: "The floating images within this DIV should not go beyond the left or right inner edge of"

+ text run at (20,25) width 695: "this 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)]

@@ -412,15 +414,15 @@ layer at (0,0) size 785x6461 backgroundClip at (0,0) size 785x600 clip at (0,0)

text run at (393,25) width 22: "text"

text run at (393,45) width 35: "within"

text run at (393,65) width 18: "the"

- text run at (199,85) width 33: "DIV. "

- text run at (231,85) width 190: "The floating elements within this"

+ text run at (199,85) width 35: "DIV. "

+ text run at (234,85) width 189: "The floating elements within this"

text run at (199,105) width 222: "DIV should not go beyond the left or"

- text run at (199,125) width 204: "right inner edge of this DIV, which"

+ text run at (199,125) width 206: "right inner edge of this DIV, which"

text run at (199,145) width 222: "means that the borders of the floating"

text run at (5,165) width 417: "elements should not overlap the top or side borders of the DIV in any"

- text run at (5,185) width 32: "way. "

- 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,185) width 33: "way. "

+ text run at (38,185) width 287: "In addition, they should not overlap each other. "

+ text run at (325,185) width 76: "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)]

@@ -430,16 +432,17 @@ layer at (0,0) size 785x6461 backgroundClip at (0,0) size 785x600 clip at (0,0)

LayoutText {#text} at (317,5) size 350x199

text run at (317,5) width 38: "This is"

text run at (317,25) width 22: "text"

- text run at (161,45) width 94: "within the DIV. "

- text run at (254,45) width 71: "The floating"

+ text run at (161,45) width 96: "within the DIV. "

+ text run at (257,45) width 70: "The floating"

text run at (161,65) width 178: "images within this DIV should"

- text run at (5,85) width 317: "not go beyond the left or right inner edge of this DIV,"

+ text run at (5,85) width 319: "not go beyond the left or right inner edge of this DIV,"

text run at (5,105) width 349: "which means that the borders of the floating images should"

- text run at (5,125) width 350: "not overlap the top or side borders of the DIV in any way."

- text run at (5,145) width 287: "In addition, they should not overlap each other. "

- 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.\""

+ text run at (5,125) width 318: "not overlap the top or side borders of the DIV in any"

+ text run at (5,145) width 33: "way. "

+ text run at (38,145) width 287: "In addition, they should not overlap each other. "

+ text run at (325,145) width 23: "The"

+ text run at (5,165) width 340: "first two should be side by side, whereas the third should"

+ text run at (5,185) width 123: "be 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)]

@@ -453,44 +456,45 @@ layer at (0,0) size 785x6461 backgroundClip at (0,0) size 785x600 clip at (0,0)

text run at (17,57) width 49: "source)."

LayoutText {#text} at (199,5) size 303x353

text run at (199,5) width 103: "This is text within"

- text run at (199,25) width 55: "the DIV. "

- text run at (253,25) width 24: "The"

+ text run at (199,25) width 57: "the DIV. "

+ text run at (256,25) width 23: "The"

text run at (199,45) width 99: "floating elements"

text run at (5,79) width 90: "within this DIV"

text run at (5,99) width 81: "should not go"

text run at (5,119) width 106: "beyond the left or"

text run at (5,139) width 108: "right inner edge of"

- text run at (5,159) width 92: "this DIV, which"

+ text run at (5,159) width 94: "this DIV, which"

text run at (5,179) width 278: "means that the borders of the floating elements"

text run at (5,199) width 291: "should not overlap the top or side borders of the"

- text run at (5,219) width 102: "DIV in any way. "

- text run at (106,219) width 164: "In addition, they should not"

- text run at (5,239) width 272: "overlap each other in any way, nor should the"

+ text run at (5,219) width 103: "DIV in any way. "

+ text run at (108,219) width 163: "In addition, they should not"

+ text run at (5,239) width 273: "overlap each other in any way, nor should the"

text run at (5,259) width 290: "floated elements be overwritten by the DIV text."

text run at (5,279) width 276: "In addition, the floated elements should not be"

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)]

+ LayoutBlockFlow {DIV} at (6,1212) size 410x246 [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)]

- LayoutText {#text} at (261,5) size 399x215

+ LayoutText {#text} at (261,5) size 400x235

text run at (261,5) width 125: "This is text within the"

- text run at (5,41) width 33: "DIV. "

- text run at (37,41) width 71: "The floating"

+ text run at (5,41) width 35: "DIV. "

+ text run at (40,41) width 70: "The floating"

text run at (5,61) width 135: "images within this DIV"

- text run at (5,81) width 399: "should not go beyond the left or right inner edge of this DIV, which"

- text run at (5,101) width 382: "means that the borders of the floating images should not overlap"

- text run at (5,121) width 282: "the top or side borders of the DIV in any way. "

- text run at (286,121) width 98: "In addition, they"

- text run at (5,141) width 383: "should not overlap each other in any way, nor should the floated"

- text run at (5,161) width 249: "elements be overwritten by the DIV text. "

- 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)]

+ text run at (5,81) width 362: "should not go beyond the left or right inner edge of this DIV,"

+ text run at (5,101) width 372: "which means that the borders of the floating images should not"

+ text run at (5,121) width 332: "overlap the top or side borders of the DIV in any way. "

+ text run at (337,121) width 68: "In addition,"

+ text run at (5,141) width 368: "they should not overlap each other in any way, nor should the"

+ text run at (5,161) width 294: "floated elements be overwritten by the DIV text. "

+ text run at (299,161) width 90: "In addition, the"

+ text run at (5,181) width 371: "floated images should not be side-by-side, but instead the first"

+ text run at (5,201) width 400: "should be floated left, and the second floated to the right below the"

+ text run at (5,221) width 26: "first."

+ LayoutBlockFlow {HR} at (28,1482) size 562.25x2 [border: (1px inset #EEEEEE)]

+ LayoutBlockFlow {DIV} at (6,1508) size 743x130 [border: (5px solid #800080)]

LayoutBlockFlow (floating) {P} at (544,5) size 194x74 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]

LayoutText {#text} at (17,17) size 159x39

text run at (17,17) width 128: "This is a right-floating"

@@ -500,36 +504,36 @@ layer at (0,0) size 785x6461 backgroundClip at (0,0) size 785x600 clip at (0,0)

text run at (17,17) width 120: "This is a left-floating"

text run at (17,37) width 127: "paragraph (second in"

text run at (17,57) width 49: "source)."

- LayoutText {#text} at (199,5) size 717x119

- text run at (199,5) width 162: "This is text within the DIV. "

- text run at (360,5) width 166: "The floating elements within"

- text run at (199,25) width 332: "this DIV should not go beyond the top side of this DIV,"

+ LayoutText {#text} at (199,5) size 718x119

+ text run at (199,5) width 164: "This is text within the DIV. "

+ text run at (363,5) width 165: "The floating elements within"

+ text run at (199,25) width 334: "this DIV should not go beyond the top side of this DIV,"

text run at (199,45) width 317: "which means that the borders of the floating elements"

text run at (199,65) width 336: "should not overlap the top or side borders of the DIV in"

- 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 (199,85) width 58: "any way. "

+ text run at (257,85) width 466: "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)]

+ LayoutBlockFlow {HR} at (357.83,1646) size 39.34x2 [border: (1px inset #EEEEEE)]

+ LayoutBlockFlow {DIV} at (6,1656) 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)]

- 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"

+ LayoutText {#text} at (20,5) size 710x59

+ text run at (20,5) width 164: "This is text within the DIV. "

+ text run at (184,5) width 531: "The floating images within this DIV should not go beyond the top side of this DIV, which"

+ text run at (20,25) width 669: "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 (689,25) width 12: "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)]

- 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 {HR} at (28,1750) size 562.25x2 [border: (1px inset #EEEEEE)]

+ LayoutBlockFlow {DIV} at (6,1776) size 743x130 [border: (5px solid #800080)]

+ LayoutText {#text} at (199,5) size 172x19

+ text run at (199,5) width 164: "This is text within the DIV. "

+ text run at (363,5) width 8: "*"

LayoutBlockFlow (floating) {P} at (5,5) size 194x74 [bgcolor=#C0C0C0] [border: (1px 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 (368,5) size 504x39

- text run at (368,5) width 335: " The floating elements within this DIV should not go any"

+ LayoutText {#text} at (371,5) size 506x39

+ text run at (371,5) width 334: " 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)]

@@ -542,16 +546,16 @@ layer at (0,0) size 785x6461 backgroundClip at (0,0) size 785x600 clip at (0,0)

text run at (199,45) width 336: "that the top side of each float can be, at most, as high as"

text run at (199,65) width 331: "the top edge of the inline element containing the content"

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 (320,85) width 222: "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)]

- 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: "*"

+ LayoutBlockFlow {HR} at (357.83,1915) size 39.34x2 [border: (1px inset #EEEEEE)]

+ LayoutBlockFlow {DIV} at (6,1925) size 743x90 [border: (5px solid #800080)]

+ LayoutText {#text} at (20,5) size 172x19

+ text run at (20,5) width 164: "This is text within the DIV. "

+ text run at (184,5) width 8: "*"

LayoutImage (floating) {IMG} at (5,5) size 15x36 [border: (3px 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"

+ LayoutText {#text} at (192,5) size 703x39

+ text run at (192,5) width 531: " 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)]

@@ -559,18 +563,18 @@ layer at (0,0) size 785x6461 backgroundClip at (0,0) size 785x600 clip at (0,0)

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)]

- 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: "*"

+ text run at (5,65) width 482: "these points clearly, an asterisk has been inserted just before each floated image."

+ LayoutBlockFlow {HR} at (28,2039) size 562.25x2 [border: (1px inset #EEEEEE)]

+ LayoutBlockFlow {DIV} at (6,2065) size 743x290 [border: (5px solid #800080)]

+ LayoutText {#text} at (199,5) size 172x19

+ text run at (199,5) width 164: "This is text within the DIV. "

+ text run at (363,5) width 8: "*"

LayoutBlockFlow (floating) {P} at (5,5) size 194x74 [bgcolor=#C0C0C0] [border: (1px 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 (368,5) size 504x39

- text run at (368,5) width 335: " The floating elements within this DIV should not go any"

+ LayoutText {#text} at (371,5) size 506x39

+ text run at (371,5) width 334: " 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)]

@@ -602,21 +606,21 @@ layer at (0,0) size 785x6461 backgroundClip at (0,0) size 785x600 clip at (0,0)

LayoutText {#text} at (665,145) size 733x139

text run at (665,145) width 69: " In order to"

text run at (587,165) width 106: "mark these points"

- text run at (587,185) width 134: "clearly, an asterisk has"

+ text run at (587,185) width 135: "clearly, an asterisk has"

text run at (587,205) width 148: "been inserted just before"

text run at (587,225) width 131: "each floated element. "

text run at (718,225) width 20: "If a"

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)]

- 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: "*"

+ LayoutBlockFlow {HR} at (357.83,2363) size 39.34x2 [border: (1px inset #EEEEEE)]

+ LayoutBlockFlow {DIV} at (6,2373) size 743x130 [border: (5px solid #800080)]

+ LayoutText {#text} at (20,5) size 172x19

+ text run at (20,5) width 164: "This is text within the DIV. "

+ text run at (184,5) width 8: "*"

LayoutImage (floating) {IMG} at (5,5) size 15x36 [border: (3px 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"

+ LayoutText {#text} at (192,5) size 688x39

+ text run at (192,5) width 531: " 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)]

@@ -629,15 +633,15 @@ layer at (0,0) size 785x6461 backgroundClip at (0,0) size 785x600 clip at (0,0)

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)]

- LayoutText {#text} at (697,45) size 722x79

+ LayoutText {#text} at (697,45) size 723x79

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. "

- text run at (622,65) width 105: "If a line has room"

+ text run at (50,65) width 574: "order to mark these points clearly, an asterisk has been inserted just before each floated image. "

+ text run at (624,65) width 104: "If a line has room"

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,2527) size 562.25x2 [border: (1px inset #EEEEEE)]

+ LayoutBlockFlow {DIV} at (6,2553) size 490x310 [border: (5px 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)]

@@ -653,14 +657,14 @@ layer at (0,0) size 785x6461 backgroundClip at (0,0) size 785x600 clip at (0,0)