Auto-rebaseline for r202391

LayoutTests/platform/win/css1/box_properties/float_on_text_elements-expected.txt

 layer at (0,0) size 800x600 clip at (0,0) size 785x600 scrollHeight 2786
   LayoutView at (0,0) size 800x600
 layer at (0,0) size 785x2786 backgroundClip at (0,0) size 785x600 clip at (0,0) size 785x600 outlineClip at (0,0) size 785x600
   LayoutBlockFlow {HTML} at (0,0) size 785x2786
     LayoutBlockFlow {BODY} at (8,8) size 769x2770 [bgcolor=#CCCCCC]
       LayoutBlockFlow (floating) {P} at (0,0) size 384.50x36 [bgcolor=#FFFF00]
         LayoutText {#text} at (0,0) size 385x35
           text run at (0,0) width 385: "This paragraph is of class \"one\". It has a width of 50% and"
           text run at (0,18) width 129: "is floated to the left."
       LayoutBlockFlow {P} at (0,0) size 769x90
         LayoutText {#text} at (384,0) size 769x89
           text run at (384,0) width 385: "This paragraph should start on the right side of a yellow"
           text run at (384,18) width 385: "box which contains the previous paragraph. Since the text"
           text run at (0,36) width 769: "of this element is much longer than the text in the previous element, the text will wrap around the yellow box. There is"
           text run at (0,54) width 769: "no padding, border or margins on this and the previous element, so the text of the two elements should be very close to"
           text run at (0,72) width 71: "each other."
       LayoutBlockFlow (anonymous) at (0,90) size 769x18
         LayoutBR {BR} at (0,0) size 0x17
       LayoutBlockFlow {HR} at (0,116) size 769x2 [border: (1px inset #EEEEEE)]
-      LayoutBlockFlow (floating) {P} at (0,126) size 769x72 [bgcolor=#FFFF00]
-        LayoutText {#text} at (0,0) size 769x71
-          text run at (0,0) width 769: "This paragraph is of class \"two\". Since the width has been set to 100%, it should automatically be as wide as its parent"
-          text run at (0,18) width 769: "element allows it to be. Therefore, even though the element is floated, there is no room for other content on the sides"
-          text run at (0,36) width 769: "and a orange square image should be seen AFTER the paragraph, not next to it. A yellow background has been added"
-          text run at (0,54) width 265: "to this paragraph for diagnostic purposes."
       LayoutBlockFlow (anonymous) at (0,126) size 769x91
+        LayoutBlockFlow (floating) {P} at (0,0) size 769x72 [bgcolor=#FFFF00]
+          LayoutText {#text} at (0,0) size 769x71
+            text run at (0,0) width 769: "This paragraph is of class \"two\". Since the width has been set to 100%, it should automatically be as wide as its parent"
+            text run at (0,18) width 769: "element allows it to be. Therefore, even though the element is floated, there is no room for other content on the sides"
+            text run at (0,36) width 769: "and a orange square image should be seen AFTER the paragraph, not next to it. A yellow background has been added"
+            text run at (0,54) width 265: "to this paragraph for diagnostic purposes."
         LayoutImage {IMG} at (0,72) size 15x15
         LayoutText {#text} at (15,73) size 4x17
           text run at (15,73) width 4: " "
         LayoutBR {BR} at (19,87) size 0x0
       LayoutBlockFlow {HR} at (0,225) size 769x2 [border: (1px inset #EEEEEE)]
-      LayoutBlockFlow (floating) {P} at (0,235) size 384.50x108 [bgcolor=#FFFF00]
-        LayoutText {#text} at (0,0) size 385x107
-          text run at (0,0) width 384: "This paragraph is floated to the left and the orange square"
-          text run at (0,18) width 384: "image should appear to the right of the paragraph. This"
-          text run at (0,36) width 385: "paragraph has a yellow background and no padding, margin"
-          text run at (0,54) width 385: "or border. The right edge of this yellow box should be"
-          text run at (0,72) width 385: "horizontally aligned with the left edge of the yellow box"
-          text run at (0,90) width 81: "undernearth."
       LayoutBlockFlow (anonymous) at (0,235) size 769x108
+        LayoutBlockFlow (floating) {P} at (0,0) size 384.50x108 [bgcolor=#FFFF00]
+          LayoutText {#text} at (0,0) size 385x107
+            text run at (0,0) width 384: "This paragraph is floated to the left and the orange square"
+            text run at (0,18) width 384: "image should appear to the right of the paragraph. This"
+            text run at (0,36) width 385: "paragraph has a yellow background and no padding, margin"
+            text run at (0,54) width 385: "or border. The right edge of this yellow box should be"
+            text run at (0,72) width 385: "horizontally aligned with the left edge of the yellow box"
+            text run at (0,90) width 81: "undernearth."
         LayoutImage {IMG} at (384.50,0) size 15x15
         LayoutText {#text} at (399,1) size 5x17
           text run at (399,1) width 5: " "
         LayoutBR {BR} at (403,15) size 1x0
       LayoutBlockFlow {HR} at (0,351) size 769x2 [border: (1px inset #EEEEEE)]
-      LayoutBlockFlow (floating) {P} at (384.50,361) size 384.50x108 [bgcolor=#FFFF00]
-        LayoutText {#text} at (0,0) size 385x107
-          text run at (0,0) width 384: "This paragraph is floated to the right (using a STYLE"
-          text run at (0,18) width 384: "attribute) and the orange square image should appear to the"
-          text run at (0,36) width 384: "left of the paragraph. This paragraph has a yellow"
-          text run at (0,54) width 384: "background and no padding, margin or border. The left"
-          text run at (0,72) width 385: "edge of this yellow box should be horizonally aligned with"
-          text run at (0,90) width 251: "the right edge of the yellow box above."
       LayoutBlockFlow (anonymous) at (0,361) size 769x108
+        LayoutBlockFlow (floating) {P} at (384.50,0) size 384.50x108 [bgcolor=#FFFF00]
+          LayoutText {#text} at (0,0) size 385x107
+            text run at (0,0) width 384: "This paragraph is floated to the right (using a STYLE"
+            text run at (0,18) width 384: "attribute) and the orange square image should appear to the"
+            text run at (0,36) width 384: "left of the paragraph. This paragraph has a yellow"
+            text run at (0,54) width 384: "background and no padding, margin or border. The left"
+            text run at (0,72) width 385: "edge of this yellow box should be horizonally aligned with"
+            text run at (0,90) width 251: "the right edge of the yellow box above."
         LayoutImage {IMG} at (0,0) size 15x15
         LayoutText {#text} at (15,1) size 4x17
           text run at (15,1) width 4: " "
         LayoutBR {BR} at (19,15) size 0x0
       LayoutBlockFlow {HR} at (0,477) size 769x2 [border: (1px inset #EEEEEE)]
       LayoutBlockFlow {P} at (0,487) size 769x72
         LayoutBlockFlow (floating) {SPAN} at (0,0) size 48x37 [bgcolor=#C0C0C0]
           LayoutText {#text} at (0,0) size 22x36
             text run at (0,0) width 22: "T"
         LayoutText {#text} at (48,0) size 769x71
@@ skipping 78 matching lines @@
             text run at (21,36) width 171: "background is yellow and"
             text run at (0,54) width 112: "the width is 25%."
       LayoutBlockFlow {P} at (0,1133) size 769x36
         LayoutText {#text} at (192,0) size 384x35
           text run at (192,0) width 384: "This paragraph should appear between a blue box (on the"
           text run at (192,18) width 31: "left) "
           text run at (222,18) width 204: "and a yellow box (on the right)."
       LayoutBlockFlow (anonymous) at (0,1169) size 769x36
         LayoutBR {BR} at (192,0) size 1x17
       LayoutBlockFlow {HR} at (0,1213) size 769x2 [border: (1px inset #EEEEEE)]
-      LayoutBlockFlow (floating) {DIV} at (0,1223) size 576.75x126 [bgcolor=#66CCFF]
-        LayoutBlockFlow (floating) {DIV} at (422.56,0) size 144.19x36 [bgcolor=#FFFF00]
-          LayoutBlockFlow {P} at (0,0) size 144.19x36
-            LayoutText {#text} at (0,0) size 145x35
-              text run at (0,0) width 145: "See description in the"
-              text run at (0,18) width 127: "box on the left side."
-        LayoutBlockFlow {P} at (0,0) size 576.75x126
-          LayoutText {#text} at (0,0) size 577x125
-            text run at (0,0) width 423: "This paragraph is inside a DIV which is floated left. The"
-            text run at (0,18) width 422: "background of the DIV element is blue and its width is 75%. This"
-            text run at (0,36) width 407: "text should all be inside the blue rectangle. The blue DIV "
-            text run at (406,36) width 170: "element has another DIV"
-            text run at (0,54) width 224: "element as a child. It has a yellow "
-            text run at (223,54) width 354: "background color and is floated to the right. Since it is"
-            text run at (0,72) width 12: "a "
-            text run at (11,72) width 411: "child of the blue DIV, the yellow DIV should appear inside the "
-            text run at (421,72) width 156: "blue rectangle. Due to it"
-            text run at (0,90) width 253: "being floated to the right and having "
-            text run at (252,90) width 325: "a 10px right margin, the yellow rectange should"
-            text run at (0,108) width 113: "have a 10px blue "
-            text run at (112,108) width 144: "stripe on its right side."
       LayoutBlockFlow (anonymous) at (0,1223) size 769x126
+        LayoutBlockFlow (floating) {DIV} at (0,0) size 576.75x126 [bgcolor=#66CCFF]
+          LayoutBlockFlow (floating) {DIV} at (422.56,0) size 144.19x36 [bgcolor=#FFFF00]
+            LayoutBlockFlow {P} at (0,0) size 144.19x36
+              LayoutText {#text} at (0,0) size 145x35
+                text run at (0,0) width 145: "See description in the"
+                text run at (0,18) width 127: "box on the left side."
+          LayoutBlockFlow {P} at (0,0) size 576.75x126
+            LayoutText {#text} at (0,0) size 577x125
+              text run at (0,0) width 423: "This paragraph is inside a DIV which is floated left. The"
+              text run at (0,18) width 422: "background of the DIV element is blue and its width is 75%. This"
+              text run at (0,36) width 407: "text should all be inside the blue rectangle. The blue DIV "
+              text run at (406,36) width 170: "element has another DIV"
+              text run at (0,54) width 224: "element as a child. It has a yellow "
+              text run at (223,54) width 354: "background color and is floated to the right. Since it is"
+              text run at (0,72) width 12: "a "
+              text run at (11,72) width 411: "child of the blue DIV, the yellow DIV should appear inside the "
+              text run at (421,72) width 156: "blue rectangle. Due to it"
+              text run at (0,90) width 253: "being floated to the right and having "
+              text run at (252,90) width 325: "a 10px right margin, the yellow rectange should"
+              text run at (0,108) width 113: "have a 10px blue "
+              text run at (112,108) width 144: "stripe on its right side."
         LayoutBR {BR} at (576,0) size 1x17
       LayoutBlockFlow {HR} at (0,1357) size 769x2 [border: (1px inset #EEEEEE)]
       LayoutTable {TABLE} at (0,1367) size 769x1403 [border: (1px outset #808080)]
         LayoutTableSection {TBODY} at (1,1) size 767x1401
           LayoutTableRow {TR} at (0,0) size 767x26
             LayoutTableCell {TD} at (0,0) size 767x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
               LayoutInline {STRONG} at (0,0) size 163x17
                 LayoutText {#text} at (4,4) size 163x17
                   text run at (4,4) width 163: "TABLE Testing Section"
           LayoutTableRow {TR} at (0,26) size 767x1375
             LayoutTableCell {TD} at (0,700) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
               LayoutText {#text} at (4,4) size 4x17
                 text run at (4,4) width 4: " "
             LayoutTableCell {TD} at (12,26) size 755x1375 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
               LayoutBlockFlow (floating) {P} at (4,4) size 373.50x36 [bgcolor=#FFFF00]
                 LayoutText {#text} at (0,0) size 373x35
                   text run at (0,0) width 373: "This paragraph is of class \"one\". It has a width of 50%"
                   text run at (0,18) width 156: "and is floated to the left."
               LayoutBlockFlow {P} at (4,4) size 747x90
                 LayoutText {#text} at (373,0) size 747x89
                   text run at (373,0) width 374: "This paragraph should start on the right side of a yellow"
                   text run at (373,18) width 374: "box which contains the previous paragraph. Since the text"
                   text run at (0,36) width 747: "of this element is much longer than the text in the previous element, the text will wrap around the yellow box. There"
                   text run at (0,54) width 747: "is no padding, border or margins on this and the previous element, so the text of the two elements should be very"
                   text run at (0,72) width 124: "close to each other."
               LayoutBlockFlow (anonymous) at (4,94) size 747x18
                 LayoutBR {BR} at (0,0) size 0x17
               LayoutBlockFlow {HR} at (4,120) size 747x2 [border: (1px inset #EEEEEE)]
-              LayoutBlockFlow (floating) {P} at (4,130) size 747x72 [bgcolor=#FFFF00]
-                LayoutText {#text} at (0,0) size 747x71
-                  text run at (0,0) width 747: "This paragraph is of class \"two\". Since the width has been set to 100%, it should automatically be as wide as its"
-                  text run at (0,18) width 747: "parent element allows it to be. Therefore, even though the element is floated, there is no room for other content on"
-                  text run at (0,36) width 747: "the sides and a orange square image should be seen AFTER the paragraph, not next to it. A yellow background has"
-                  text run at (0,54) width 342: "been added to this paragraph for diagnostic purposes."
               LayoutBlockFlow (anonymous) at (4,130) size 747x91
+                LayoutBlockFlow (floating) {P} at (0,0) size 747x72 [bgcolor=#FFFF00]
+                  LayoutText {#text} at (0,0) size 747x71
+                    text run at (0,0) width 747: "This paragraph is of class \"two\". Since the width has been set to 100%, it should automatically be as wide as its"
+                    text run at (0,18) width 747: "parent element allows it to be. Therefore, even though the element is floated, there is no room for other content on"
+                    text run at (0,36) width 747: "the sides and a orange square image should be seen AFTER the paragraph, not next to it. A yellow background has"
+                    text run at (0,54) width 342: "been added to this paragraph for diagnostic purposes."
                 LayoutImage {IMG} at (0,72) size 15x15
                 LayoutText {#text} at (15,73) size 4x17
                   text run at (15,73) width 4: " "
                 LayoutBR {BR} at (19,87) size 0x0
               LayoutBlockFlow {HR} at (4,229) size 747x2 [border: (1px inset #EEEEEE)]
-              LayoutBlockFlow (floating) {P} at (4,239) size 373.50x108 [bgcolor=#FFFF00]
-                LayoutText {#text} at (0,0) size 374x107
-                  text run at (0,0) width 373: "This paragraph is floated to the left and the orange square"
-                  text run at (0,18) width 373: "image should appear to the right of the paragraph. This"
-                  text run at (0,36) width 374: "paragraph has a yellow background and no padding,"
-                  text run at (0,54) width 373: "margin or border. The right edge of this yellow box"
-                  text run at (0,72) width 373: "should be horizontally aligned with the left edge of the"
-                  text run at (0,90) width 156: "yellow box undernearth."
               LayoutBlockFlow (anonymous) at (4,239) size 747x108
+                LayoutBlockFlow (floating) {P} at (0,0) size 373.50x108 [bgcolor=#FFFF00]
+                  LayoutText {#text} at (0,0) size 374x107
+                    text run at (0,0) width 373: "This paragraph is floated to the left and the orange square"
+                    text run at (0,18) width 373: "image should appear to the right of the paragraph. This"
+                    text run at (0,36) width 374: "paragraph has a yellow background and no padding,"
+                    text run at (0,54) width 373: "margin or border. The right edge of this yellow box"
+                    text run at (0,72) width 373: "should be horizontally aligned with the left edge of the"
+                    text run at (0,90) width 156: "yellow box undernearth."
                 LayoutImage {IMG} at (373.50,0) size 15x15
                 LayoutText {#text} at (388,1) size 5x17
                   text run at (388,1) width 5: " "
                 LayoutBR {BR} at (392,15) size 1x0
               LayoutBlockFlow {HR} at (4,355) size 747x2 [border: (1px inset #EEEEEE)]
-              LayoutBlockFlow (floating) {P} at (377.50,365) size 373.50x108 [bgcolor=#FFFF00]
-                LayoutText {#text} at (0,0) size 374x107
-                  text run at (0,0) width 373: "This paragraph is floated to the right (using a STYLE"
-                  text run at (0,18) width 374: "attribute) and the orange square image should appear to"
-                  text run at (0,36) width 374: "the left of the paragraph. This paragraph has a yellow"
-                  text run at (0,54) width 373: "background and no padding, margin or border. The left"
-                  text run at (0,72) width 373: "edge of this yellow box should be horizonally aligned"
-                  text run at (0,90) width 284: "with the right edge of the yellow box above."
               LayoutBlockFlow (anonymous) at (4,365) size 747x108
+                LayoutBlockFlow (floating) {P} at (373.50,0) size 373.50x108 [bgcolor=#FFFF00]
+                  LayoutText {#text} at (0,0) size 374x107
+                    text run at (0,0) width 373: "This paragraph is floated to the right (using a STYLE"
+                    text run at (0,18) width 374: "attribute) and the orange square image should appear to"
+                    text run at (0,36) width 374: "the left of the paragraph. This paragraph has a yellow"
+                    text run at (0,54) width 373: "background and no padding, margin or border. The left"
+                    text run at (0,72) width 373: "edge of this yellow box should be horizonally aligned"
+                    text run at (0,90) width 284: "with the right edge of the yellow box above."
                 LayoutImage {IMG} at (0,0) size 15x15
                 LayoutText {#text} at (15,1) size 4x17
                   text run at (15,1) width 4: " "
                 LayoutBR {BR} at (19,15) size 0x0
               LayoutBlockFlow {HR} at (4,481) size 747x2 [border: (1px inset #EEEEEE)]
               LayoutBlockFlow {P} at (4,491) size 747x72
                 LayoutBlockFlow (floating) {SPAN} at (0,0) size 48x37 [bgcolor=#C0C0C0]
                   LayoutText {#text} at (0,0) size 22x36
                     text run at (0,0) width 22: "T"
                 LayoutText {#text} at (48,0) size 747x71
@@ skipping 78 matching lines @@
                     text run at (20,36) width 166: "background is yellow and"
                     text run at (0,54) width 112: "the width is 25%."
               LayoutBlockFlow {P} at (4,1137) size 747x36
                 LayoutText {#text} at (186,0) size 374x35
                   text run at (186,0) width 374: "This paragraph should appear between a blue box (on the"
                   text run at (186,18) width 32: "left) "
                   text run at (217,18) width 203: "and a yellow box (on the right)."
               LayoutBlockFlow (anonymous) at (4,1173) size 747x36
                 LayoutBR {BR} at (186,0) size 1x17
               LayoutBlockFlow {HR} at (4,1217) size 747x2 [border: (1px inset #EEEEEE)]
-              LayoutBlockFlow (floating) {DIV} at (4,1227) size 560.25x126 [bgcolor=#66CCFF]
-                LayoutBlockFlow (floating) {DIV} at (410.19,0) size 140.06x36 [bgcolor=#FFFF00]
-                  LayoutBlockFlow {P} at (0,0) size 140.06x36
-                    LayoutText {#text} at (0,0) size 140x35
-                      text run at (0,0) width 140: "See description in the"
-                      text run at (0,18) width 127: "box on the left side."
-                LayoutBlockFlow {P} at (0,0) size 560.25x126
-                  LayoutText {#text} at (0,0) size 561x125
-                    text run at (0,0) width 410: "This paragraph is inside a DIV which is floated left. The"
-                    text run at (0,18) width 410: "background of the DIV element is blue and its width is 75%."
-                    text run at (0,36) width 35: "This "
-                    text run at (34,36) width 394: "text should all be inside the blue rectangle. The blue DIV "
-                    text run at (427,36) width 133: "element has another"
-                    text run at (0,54) width 268: "DIV element as a child. It has a yellow "
-                    text run at (267,54) width 294: "background color and is floated to the right."
-                    text run at (0,72) width 90: "Since it is a "
-                    text run at (89,72) width 444: "child of the blue DIV, the yellow DIV should appear inside the "
-                    text run at (532,72) width 29: "blue"
-                    text run at (0,90) width 395: "rectangle. Due to it being floated to the right and having "
-                    text run at (394,90) width 166: "a 10px right margin, the"
-                    text run at (0,108) width 266: "yellow rectange should have a 10px blue "
-                    text run at (265,108) width 143: "stripe on its right side."
               LayoutBlockFlow (anonymous) at (4,1227) size 747x126
+                LayoutBlockFlow (floating) {DIV} at (0,0) size 560.25x126 [bgcolor=#66CCFF]
+                  LayoutBlockFlow (floating) {DIV} at (410.19,0) size 140.06x36 [bgcolor=#FFFF00]
+                    LayoutBlockFlow {P} at (0,0) size 140.06x36
+                      LayoutText {#text} at (0,0) size 140x35
+                        text run at (0,0) width 140: "See description in the"
+                        text run at (0,18) width 127: "box on the left side."
+                  LayoutBlockFlow {P} at (0,0) size 560.25x126
+                    LayoutText {#text} at (0,0) size 561x125
+                      text run at (0,0) width 410: "This paragraph is inside a DIV which is floated left. The"
+                      text run at (0,18) width 410: "background of the DIV element is blue and its width is 75%."
+                      text run at (0,36) width 35: "This "
+                      text run at (34,36) width 394: "text should all be inside the blue rectangle. The blue DIV "
+                      text run at (427,36) width 133: "element has another"
+                      text run at (0,54) width 268: "DIV element as a child. It has a yellow "
+                      text run at (267,54) width 294: "background color and is floated to the right."
+                      text run at (0,72) width 90: "Since it is a "
+                      text run at (89,72) width 444: "child of the blue DIV, the yellow DIV should appear inside the "
+                      text run at (532,72) width 29: "blue"
+                      text run at (0,90) width 395: "rectangle. Due to it being floated to the right and having "
+                      text run at (394,90) width 166: "a 10px right margin, the"
+                      text run at (0,108) width 266: "yellow rectange should have a 10px blue "
+                      text run at (265,108) width 143: "stripe on its right side."
                 LayoutBR {BR} at (560,0) size 1x17
               LayoutBlockFlow {HR} at (4,1361) size 747x2 [border: (1px inset #EEEEEE)]