| layer at (0,0) size 785x6501 |
| RenderView at (0,0) size 785x600 |
| layer at (0,0) size 785x6501 |
| RenderBlock {HTML} at (0,0) size 785x6501 |
| RenderBody {BODY} at (8,8) size 769x6485 [bgcolor=#CCCCCC] |
| RenderBlock {P} at (0,0) size 769x20 |
| RenderText {#text} at (0,0) size 337x19 |
| text run at (0,0) width 337: "The style declarations which apply to the text below are:" |
| RenderBlock {PRE} at (0,36) size 769x144 |
| RenderText {#text} at (0,0) size 480x144 |
| text run at (0,0) width 272: "HR.minor {clear: both; width: 5%;}" |
| text run at (0,16) width 400: "HR.major {clear: both; width: 75%; margin: 1.5em;}" |
| text run at (0,32) width 480: "DIV {border: 5px solid purple; padding: 0; margin: 0.125em;}" |
| text run at (0,48) width 432: "P.left, P.right {width: 10em; padding: 1em; margin: 0;" |
| text run at (0,64) width 424: " border: 1px solid lime; background-color: silver;}" |
| text run at (0,80) width 456: "IMG.left, IMG.right {margin: 0; border: 3px solid black;}" |
| text run at (0,96) width 160: ".left {float: left;}" |
| text run at (0,112) width 176: ".right {float: right;}" |
| text run at (0,128) width 0: " " |
| RenderBlock {HR} at (0,193) size 769x2 [border: (1px inset #000000)] |
| RenderBlock {P} at (0,211) size 769x40 |
| RenderText {#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." |
| RenderBlock {HR} at (24,275) size 579x2 [border: (1px inset #000000)] |
| RenderBlock {DIV} at (2,301) size 765x90 [border: (5px solid #800080)] |
| RenderBlock (floating) {P} at (5,5) size 194x74 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)] |
| RenderText {#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)." |
| RenderBlock (floating) {P} at (566,5) size 194x94 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)] |
| RenderText {#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" |
| text run at (17,57) width 49: "source)." |
| RenderText {#text} at (199,5) size 358x79 |
| 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 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." |
| RenderBlock {HR} at (364,400) size 41x2 [border: (1px inset #000000)] |
| RenderBlock {DIV} at (2,410) size 765x50 [border: (5px solid #800080)] |
| RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #000000)] |
| RenderImage {IMG} at (745,5) size 15x36 [border: (3px solid #000000)] |
| RenderText {#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." |
| RenderBlock {HR} at (24,484) size 579x2 [border: (1px inset #000000)] |
| RenderBlock {DIV} at (2,510) size 442x230 [border: (5px solid #800080)] |
| RenderBlock (floating) {P} at (5,5) size 194x74 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)] |
| RenderText {#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." |
| RenderBlock (floating) {P} at (199,5) size 194x74 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)] |
| RenderText {#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." |
| RenderBlock (floating) {P} at (5,79) size 194x74 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)] |
| RenderText {#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." |
| RenderText {#text} at (393,5) size 426x219 |
| text run at (393,5) width 38: "This is" |
| 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 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 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 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.\"" |
| RenderBlock {HR} at (364,748) size 41x2 [border: (1px inset #000000)] |
| RenderBlock {DIV} at (2,758) size 360x210 [border: (5px solid #800080)] |
| RenderImage {IMG} at (5,5) size 156x36 [border: (3px solid #000000)] |
| RenderImage {IMG} at (161,5) size 156x36 [border: (3px solid #000000)] |
| RenderImage {IMG} at (5,41) size 156x36 [border: (3px solid #000000)] |
| RenderText {#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 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 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 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.\"" |
| RenderBlock {HR} at (24,992) size 579x2 [border: (1px inset #000000)] |
| RenderBlock {DIV} at (2,1018) size 314x364 [border: (5px solid #800080)] |
| RenderBlock (floating) {P} at (5,5) size 194x74 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)] |
| RenderText {#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)." |
| RenderBlock (floating) {P} at (115,79) size 194x94 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)] |
| RenderText {#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" |
| text run at (17,57) width 49: "source)." |
| RenderText {#text} at (199,5) size 303x353 |
| text run at (199,5) width 103: "This is text within" |
| 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 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 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." |
| RenderBlock {HR} at (364,1390) size 41x2 [border: (1px inset #000000)] |
| RenderBlock {DIV} at (2,1400) size 410x246 [border: (5px solid #800080)] |
| RenderImage {IMG} at (5,5) size 256x36 [border: (3px solid #000000)] |
| RenderImage {IMG} at (149,41) size 256x36 [border: (3px solid #000000)] |
| RenderText {#text} at (261,5) size 400x235 |
| text run at (261,5) width 125: "This is text within the" |
| 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 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." |
| RenderBlock {HR} at (24,1670) size 579x2 [border: (1px inset #000000)] |
| RenderBlock {DIV} at (2,1696) size 765x130 [border: (5px solid #800080)] |
| RenderBlock (floating) {P} at (566,5) size 194x74 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)] |
| RenderText {#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)." |
| RenderBlock (floating) {P} at (5,5) size 194x94 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)] |
| RenderText {#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" |
| text run at (17,57) width 49: "source)." |
| RenderText {#text} at (199,5) size 745x119 |
| 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 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." |
| RenderBlock {HR} at (364,1834) size 41x2 [border: (1px inset #000000)] |
| RenderBlock {DIV} at (2,1844) size 765x70 [border: (5px solid #800080)] |
| RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #000000)] |
| RenderImage {IMG} at (745,5) size 15x36 [border: (3px solid #000000)] |
| RenderText {#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." |
| RenderBlock {HR} at (24,1938) size 579x2 [border: (1px inset #000000)] |
| RenderBlock {DIV} at (2,1964) size 765x130 [border: (5px solid #800080)] |
| RenderText {#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: "*" |
| RenderBlock (floating) {P} at (5,5) size 194x74 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)] |
| RenderText {#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)." |
| RenderText {#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: "* " |
| RenderBlock (floating) {P} at (566,45) size 194x94 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)] |
| RenderText {#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" |
| text run at (17,57) width 49: "source)." |
| RenderText {#text} at (618,25) size 752x99 |
| text run at (618,25) width 139: "This means that the top" |
| 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 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." |
| RenderBlock {HR} at (364,2103) size 41x2 [border: (1px inset #000000)] |
| RenderBlock {DIV} at (2,2113) size 765x90 [border: (5px solid #800080)] |
| RenderText {#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: "*" |
| RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #000000)] |
| RenderText {#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: "* " |
| RenderImage {IMG} at (745,25) size 15x36 [border: (3px solid #000000)] |
| RenderText {#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 407: "clearly, an asterisk has been inserted just before each floated image." |
| RenderBlock {HR} at (24,2227) size 579x2 [border: (1px inset #000000)] |
| RenderBlock {DIV} at (2,2253) size 765x230 [border: (5px solid #800080)] |
| RenderText {#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: "*" |
| RenderBlock (floating) {P} at (5,5) size 194x74 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)] |
| RenderText {#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)." |
| RenderText {#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: "* " |
| RenderBlock (floating) {P} at (566,45) size 194x94 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)] |
| RenderText {#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" |
| text run at (17,57) width 49: "source)." |
| RenderText {#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,*" |
| RenderBlock (floating) {P} at (199,45) size 194x94 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)] |
| RenderText {#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" |
| text run at (17,57) width 49: "source)." |
| RenderText {#text} at (551,45) size 367x119 |
| text run at (551,45) width 15: " at" |
| text run at (393,65) width 141: "most, as high as the top" |
| text run at (393,85) width 151: "edge of the inline element" |
| text run at (393,105) width 155: "containing the content just" |
| 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: "*" |
| RenderBlock (floating) {P} at (5,145) size 194x94 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)] |
| RenderText {#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" |
| text run at (17,57) width 49: "source)." |
| RenderText {#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." |
| RenderBlock {HR} at (364,2492) size 41x2 [border: (1px inset #000000)] |
| RenderBlock {DIV} at (2,2502) size 765x130 [border: (5px solid #800080)] |
| RenderText {#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: "*" |
| RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #000000)] |
| RenderText {#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: "* " |
| RenderImage {IMG} at (745,25) size 15x36 [border: (3px solid #000000)] |
| RenderText {#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: "*" |
| RenderImage {IMG} at (20,25) size 15x36 [border: (3px solid #000000)] |
| RenderText {#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: "*" |
| RenderImage {IMG} at (35,45) size 15x36 [border: (3px solid #000000)] |
| RenderText {#text} at (651,45) size 747x79 |
| text run at (651,45) width 69: " In order to" |
| 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." |
| RenderBlock {HR} at (24,2656) size 579x2 [border: (1px inset #000000)] |
| RenderBlock {DIV} at (2,2682) size 490x310 [border: (5px solid #800080)] |
| RenderText {#text} at (199,5) size 50x19 |
| text run at (199,5) width 50: "This is *" |
| RenderBlock (floating) {P} at (5,5) size 194x74 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)] |
| RenderText {#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)." |
| RenderText {#text} at (249,5) size 12x19 |
| text run at (249,5) width 12: " *" |
| RenderBlock (floating) {P} at (291,5) size 194x94 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)] |
| RenderText {#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" |
| text run at (17,57) width 49: "source)." |
| RenderText {#text} at (261,5) size 478x299 |
| text run at (261,5) width 26: " text" |
| 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 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 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" |
| text run at (5,225) width 460: "expected that, under future specifications, it may be acceptable for the top of" |
| 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." |
| RenderBlock {HR} at (364,3000) size 41x2 [border: (1px inset #000000)] |
| RenderBlock {DIV} at (2,3010) size 490x230 [border: (5px solid #800080)] |
| RenderText {#text} at (20,5) size 50x19 |
| text run at (20,5) width 50: "This is *" |
| RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #000000)] |
| RenderText {#text} at (70,5) size 12x19 |
| text run at (70,5) width 12: " *" |
| RenderImage {IMG} at (470,5) size 15x36 [border: (3px solid #000000)] |
| RenderText {#text} at (82,5) size 479x219 |
| 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 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" |
| text run at (5,145) width 43: "image. " |
| text run at (48,145) width 424: "It is expected that, under future specifications, it may be acceptable for" |
| 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." |
| RenderBlock {HR} at (24,3264) size 579x2 [border: (1px inset #000000)] |
| RenderTable {TABLE} at (0,3290) size 769x3195 [border: (1px outset #808080)] |
| RenderTableSection {TBODY} at (1,1) size 767x3193 |
| RenderTableRow {TR} at (0,0) size 767x28 |
| RenderTableCell {TD} at (0,0) size 767x28 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2] |
| RenderInline {STRONG} at (0,0) size 159x19 |
| RenderText {#text} at (4,4) size 159x19 |
| text run at (4,4) width 159: "TABLE Testing Section" |
| RenderTableRow {TR} at (0,28) size 767x3165 |
| RenderTableCell {TD} at (0,1596) size 12x29 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1] |
| RenderText {#text} at (4,4) size 4x20 |
| text run at (4,5) width 4: " " |
| RenderTableCell {TD} at (12,28) size 755x3165 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1] |
| RenderBlock {P} at (4,4) size 747x40 |
| RenderText {#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." |
| RenderBlock {HR} at (28,68) size 563x2 [border: (1px inset #000000)] |
| RenderBlock {DIV} at (6,94) size 743x110 [border: (5px solid #800080)] |
| RenderBlock (floating) {P} at (5,5) size 194x74 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)] |
| RenderText {#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)." |
| RenderBlock (floating) {P} at (544,5) size 194x94 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)] |
| RenderText {#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" |
| text run at (17,57) width 49: "source)." |
| RenderText {#text} at (199,5) size 536x99 |
| 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 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 53: "the DIV." |
| RenderBlock {HR} at (357,212) size 41x2 [border: (1px inset #000000)] |
| RenderBlock {DIV} at (6,222) size 743x50 [border: (5px solid #800080)] |
| RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #000000)] |
| RenderImage {IMG} at (723,5) size 15x36 [border: (3px solid #000000)] |
| RenderText {#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." |
| RenderBlock {HR} at (28,296) size 563x2 [border: (1px inset #000000)] |
| RenderBlock {DIV} at (6,322) size 442x230 [border: (5px solid #800080)] |
| RenderBlock (floating) {P} at (5,5) size 194x74 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)] |
| RenderText {#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." |
| RenderBlock (floating) {P} at (199,5) size 194x74 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)] |
| RenderText {#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." |
| RenderBlock (floating) {P} at (5,79) size 194x74 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)] |
| RenderText {#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." |
| RenderText {#text} at (393,5) size 426x219 |
| text run at (393,5) width 38: "This is" |
| 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 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 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 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.\"" |
| RenderBlock {HR} at (357,560) size 41x2 [border: (1px inset #000000)] |
| RenderBlock {DIV} at (6,570) size 360x210 [border: (5px solid #800080)] |
| RenderImage {IMG} at (5,5) size 156x36 [border: (3px solid #000000)] |
| RenderImage {IMG} at (161,5) size 156x36 [border: (3px solid #000000)] |
| RenderImage {IMG} at (5,41) size 156x36 [border: (3px solid #000000)] |
| RenderText {#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 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 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 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.\"" |
| RenderBlock {HR} at (28,804) size 563x2 [border: (1px inset #000000)] |
| RenderBlock {DIV} at (6,830) size 314x364 [border: (5px solid #800080)] |
| RenderBlock (floating) {P} at (5,5) size 194x74 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)] |
| RenderText {#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)." |
| RenderBlock (floating) {P} at (115,79) size 194x94 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)] |
| RenderText {#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" |
| text run at (17,57) width 49: "source)." |
| RenderText {#text} at (199,5) size 303x353 |
| text run at (199,5) width 103: "This is text within" |
| 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 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 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." |
| RenderBlock {HR} at (357,1202) size 41x2 [border: (1px inset #000000)] |
| RenderBlock {DIV} at (6,1212) size 410x246 [border: (5px solid #800080)] |
| RenderImage {IMG} at (5,5) size 256x36 [border: (3px solid #000000)] |
| RenderImage {IMG} at (149,41) size 256x36 [border: (3px solid #000000)] |
| RenderText {#text} at (261,5) size 400x235 |
| text run at (261,5) width 125: "This is text within the" |
| 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 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." |
| RenderBlock {HR} at (28,1482) size 563x2 [border: (1px inset #000000)] |
| RenderBlock {DIV} at (6,1508) size 743x130 [border: (5px solid #800080)] |
| RenderBlock (floating) {P} at (544,5) size 194x74 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)] |
| RenderText {#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)." |
| RenderBlock (floating) {P} at (5,5) size 194x94 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)] |
| RenderText {#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" |
| text run at (17,57) width 49: "source)." |
| RenderText {#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 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." |
| RenderBlock {HR} at (357,1646) size 41x2 [border: (1px inset #000000)] |
| RenderBlock {DIV} at (6,1656) size 743x70 [border: (5px solid #800080)] |
| RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #000000)] |
| RenderImage {IMG} at (723,5) size 15x36 [border: (3px solid #000000)] |
| RenderText {#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." |
| RenderBlock {HR} at (28,1750) size 563x2 [border: (1px inset #000000)] |
| RenderBlock {DIV} at (6,1776) size 743x130 [border: (5px solid #800080)] |
| RenderText {#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: "*" |
| RenderBlock (floating) {P} at (5,5) size 194x74 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)] |
| RenderText {#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)." |
| RenderText {#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: "* " |
| RenderBlock (floating) {P} at (544,45) size 194x94 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)] |
| RenderText {#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" |
| text run at (17,57) width 49: "source)." |
| RenderText {#text} at (658,25) size 720x99 |
| text run at (658,25) width 67: "This means" |
| 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 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." |
| RenderBlock {HR} at (357,1915) size 41x2 [border: (1px inset #000000)] |
| RenderBlock {DIV} at (6,1925) size 743x90 [border: (5px solid #800080)] |
| RenderText {#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: "*" |
| RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #000000)] |
| RenderText {#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: "* " |
| RenderImage {IMG} at (723,25) size 15x36 [border: (3px solid #000000)] |
| RenderText {#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 482: "these points clearly, an asterisk has been inserted just before each floated image." |
| RenderBlock {HR} at (28,2039) size 563x2 [border: (1px inset #000000)] |
| RenderBlock {DIV} at (6,2065) size 743x290 [border: (5px solid #800080)] |
| RenderText {#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: "*" |
| RenderBlock (floating) {P} at (5,5) size 194x74 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)] |
| RenderText {#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)." |
| RenderText {#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: "* " |
| RenderBlock (floating) {P} at (544,45) size 194x94 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)] |
| RenderText {#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" |
| text run at (17,57) width 49: "source)." |
| RenderText {#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,*" |
| RenderBlock (floating) {P} at (199,65) size 194x94 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)] |
| RenderText {#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" |
| text run at (17,57) width 49: "source)." |
| RenderText {#text} at (429,45) size 272x119 |
| text run at (429,45) width 114: " at most, as high as" |
| text run at (393,65) width 147: "the top edge of the inline" |
| text run at (393,85) width 132: "element containing the" |
| text run at (393,105) width 134: "content just before the" |
| 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: "*" |
| RenderBlock (floating) {P} at (393,145) size 194x94 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)] |
| RenderText {#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" |
| text run at (17,57) width 49: "source)." |
| RenderText {#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 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." |
| RenderBlock {HR} at (357,2363) size 41x2 [border: (1px inset #000000)] |
| RenderBlock {DIV} at (6,2373) size 743x130 [border: (5px solid #800080)] |
| RenderText {#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: "*" |
| RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #000000)] |
| RenderText {#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: "* " |
| RenderImage {IMG} at (723,25) size 15x36 [border: (3px solid #000000)] |
| RenderText {#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: "*" |
| RenderImage {IMG} at (20,25) size 15x36 [border: (3px solid #000000)] |
| RenderText {#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: "*" |
| RenderImage {IMG} at (35,45) size 15x36 [border: (3px solid #000000)] |
| RenderText {#text} at (697,45) size 723x79 |
| text run at (697,45) width 16: " In" |
| 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." |
| RenderBlock {HR} at (28,2527) size 563x2 [border: (1px inset #000000)] |
| RenderBlock {DIV} at (6,2553) size 490x310 [border: (5px solid #800080)] |
| RenderText {#text} at (199,5) size 50x19 |
| text run at (199,5) width 50: "This is *" |
| RenderBlock (floating) {P} at (5,5) size 194x74 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)] |
| RenderText {#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)." |
| RenderText {#text} at (249,5) size 12x19 |
| text run at (249,5) width 12: " *" |
| RenderBlock (floating) {P} at (291,5) size 194x94 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)] |
| RenderText {#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" |
| text run at (17,57) width 49: "source)." |
| RenderText {#text} at (261,5) size 478x299 |
| text run at (261,5) width 26: " text" |
| 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 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 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" |
| text run at (5,225) width 460: "expected that, under future specifications, it may be acceptable for the top of" |
| 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." |
| RenderBlock {HR} at (357,2871) size 41x2 [border: (1px inset #000000)] |
| RenderBlock {DIV} at (6,2881) size 490x230 [border: (5px solid #800080)] |
| RenderText {#text} at (20,5) size 50x19 |
| text run at (20,5) width 50: "This is *" |
| RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #000000)] |
| RenderText {#text} at (70,5) size 12x19 |
| text run at (70,5) width 12: " *" |
| RenderImage {IMG} at (470,5) size 15x36 [border: (3px solid #000000)] |
| RenderText {#text} at (82,5) size 479x219 |
| 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 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" |
| text run at (5,145) width 43: "image. " |
| text run at (48,145) width 424: "It is expected that, under future specifications, it may be acceptable for" |
| 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." |
| RenderBlock {HR} at (28,3135) size 563x2 [border: (1px inset #000000)] |
