| Index: LayoutTests/platform/mac/css1/formatting_model/floating_elements-expected.txt
|
| diff --git a/LayoutTests/platform/mac/css1/formatting_model/floating_elements-expected.txt b/LayoutTests/platform/mac/css1/formatting_model/floating_elements-expected.txt
|
| index 1bcaf0acf603389340d942faa6cfc344c18b31b4..5a254838f6de7a565831fb07a6b5f03772060675 100644
|
| --- a/LayoutTests/platform/mac/css1/formatting_model/floating_elements-expected.txt
|
| +++ b/LayoutTests/platform/mac/css1/formatting_model/floating_elements-expected.txt
|
| @@ -1,738 +1,724 @@
|
| -layer at (0,0) size 800x600 clip at (0,0) size 785x600 scrollHeight 6038
|
| +layer at (0,0) size 800x600 clip at (0,0) size 785x600 scrollHeight 6353
|
| RenderView at (0,0) size 800x600
|
| -layer at (0,0) size 785x6038 backgroundClip at (0,0) size 785x600 clip at (0,0) size 785x600 outlineClip at (0,0) size 785x600
|
| - RenderBlock {HTML} at (0,0) size 785x6038
|
| - RenderBody {BODY} at (8,8) size 769x6022 [bgcolor=#CCCCCC]
|
| - RenderBlock {P} at (0,0) size 769x16
|
| - RenderText {#text} at (0,0) size 363x16
|
| +layer at (0,0) size 785x6353 backgroundClip at (0,0) size 785x600 clip at (0,0) size 785x600 outlineClip at (0,0) size 785x600
|
| + RenderBlock {HTML} at (0,0) size 785x6353
|
| + RenderBody {BODY} at (8,8) size 769x6337 [bgcolor=#CCCCCC]
|
| + RenderBlock {P} at (0,0) size 769x18
|
| + RenderText {#text} at (0,0) size 363x18
|
| text run at (0,0) width 363: "The style declarations which apply to the text below are:"
|
| - RenderBlock {PRE} at (0,32) size 769x117
|
| - RenderText {#text} at (0,0) size 469x117
|
| + RenderBlock {PRE} at (0,34) size 769x135
|
| + RenderText {#text} at (0,0) size 469x135
|
| text run at (0,0) width 266: "HR.minor {clear: both; width: 5%;}"
|
| text run at (265,0) width 1: " "
|
| - text run at (0,13) width 391: "HR.major {clear: both; width: 75%; margin: 1.5em;}"
|
| - text run at (390,13) width 1: " "
|
| - text run at (0,26) width 469: "DIV {border: 5px solid purple; padding: 0; margin: 0.125em;}"
|
| - text run at (468,26) width 1: " "
|
| - text run at (0,39) width 422: "P.left, P.right {width: 10em; padding: 1em; margin: 0;"
|
| - text run at (421,39) width 1: " "
|
| - text run at (0,52) width 414: " border: 1px solid lime; background-color: silver;}"
|
| - text run at (413,52) width 1: " "
|
| - text run at (0,65) width 445: "IMG.left, IMG.right {margin: 0; border: 3px solid black;}"
|
| - text run at (444,65) width 1: " "
|
| - text run at (0,78) width 157: ".left {float: left;}"
|
| - text run at (156,78) width 1: " "
|
| - text run at (0,91) width 172: ".right {float: right;}"
|
| - text run at (171,91) width 1: " "
|
| - text run at (0,104) width 0: " "
|
| - RenderBlock {HR} at (0,162) size 769x2 [border: (1px inset #EEEEEE)]
|
| - RenderBlock {P} at (0,180) size 769x48
|
| - RenderText {#text} at (0,0) size 764x48
|
| + text run at (0,15) width 391: "HR.major {clear: both; width: 75%; margin: 1.5em;}"
|
| + text run at (390,15) width 1: " "
|
| + text run at (0,30) width 469: "DIV {border: 5px solid purple; padding: 0; margin: 0.125em;}"
|
| + text run at (468,30) width 1: " "
|
| + text run at (0,45) width 422: "P.left, P.right {width: 10em; padding: 1em; margin: 0;"
|
| + text run at (421,45) width 1: " "
|
| + text run at (0,60) width 414: " border: 1px solid lime; background-color: silver;}"
|
| + text run at (413,60) width 1: " "
|
| + text run at (0,75) width 445: "IMG.left, IMG.right {margin: 0; border: 3px solid black;}"
|
| + text run at (444,75) width 1: " "
|
| + text run at (0,90) width 157: ".left {float: left;}"
|
| + text run at (156,90) width 1: " "
|
| + text run at (0,105) width 172: ".right {float: right;}"
|
| + text run at (171,105) width 1: " "
|
| + text run at (0,120) width 0: " "
|
| + RenderBlock {HR} at (0,182) size 769x2 [border: (1px inset #EEEEEE)]
|
| + RenderBlock {P} at (0,200) size 769x54
|
| + RenderText {#text} at (0,0) size 764x54
|
| text run at (0,0) width 696: "On this test page, each test is performed once with floating paragraphs, and then again with floating images. "
|
| text run at (695,0) width 69: "Other than"
|
| - text run at (0,16) width 729: "the substitution of images for pargraphs, the structure of the test is exactly the same, including the direction of the"
|
| - text run at (0,32) width 40: "floats."
|
| - RenderBlock {HR} at (24,252) size 578.75x2 [border: (1px inset #EEEEEE)]
|
| - RenderBlock {DIV} at (2,278) size 765x90 [border: (5px solid #800080)]
|
| - RenderBlock (floating) {P} at (5,5) size 194x82 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
|
| - RenderText {#text} at (17,17) size 135x48
|
| + text run at (0,18) width 729: "the substitution of images for pargraphs, the structure of the test is exactly the same, including the direction of the"
|
| + text run at (0,36) width 40: "floats."
|
| + RenderBlock {HR} at (24,278) size 578.75x2 [border: (1px inset #EEEEEE)]
|
| + RenderBlock {DIV} at (2,304) size 765x100 [border: (5px solid #800080)]
|
| + RenderBlock (floating) {P} at (5,5) size 194x88 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
|
| + RenderText {#text} at (17,17) size 135x54
|
| text run at (17,17) width 135: "This is a left-floating"
|
| - text run at (17,33) width 116: "paragraph (first in"
|
| - text run at (17,49) width 52: "source)."
|
| - RenderBlock (floating) {P} at (566,5) size 194x82 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
|
| - RenderText {#text} at (17,17) size 144x48
|
| + text run at (17,35) width 116: "paragraph (first in"
|
| + text run at (17,53) width 52: "source)."
|
| + RenderBlock (floating) {P} at (566,5) size 194x88 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
|
| + RenderText {#text} at (17,17) size 144x54
|
| text run at (17,17) width 144: "This is a right-floating"
|
| - text run at (17,33) width 135: "paragraph (second in"
|
| - text run at (17,49) width 52: "source)."
|
| - RenderText {#text} at (199,5) size 365x80
|
| + text run at (17,35) width 135: "paragraph (second in"
|
| + text run at (17,53) width 52: "source)."
|
| + RenderText {#text} at (199,5) size 365x90
|
| text run at (199,5) width 180: "This is text within the DIV. "
|
| text run at (378,5) width 186: "The floating elements within"
|
| - text run at (199,21) width 336: "this DIV should not go beyond the left or right inner"
|
| - text run at (199,37) width 344: "edge of this DIV, which means that the borders of the"
|
| - text run at (199,53) width 329: "floating elements should not overlap the top or side"
|
| - text run at (199,69) width 126: "borders of the DIV."
|
| - RenderBlock {HR} at (364.28,376) size 40.44x2 [border: (1px inset #EEEEEE)]
|
| - RenderBlock {DIV} at (2,386) size 765x58 [border: (5px solid #800080)]
|
| + text run at (199,23) width 336: "this DIV should not go beyond the left or right inner"
|
| + text run at (199,41) width 344: "edge of this DIV, which means that the borders of the"
|
| + text run at (199,59) width 329: "floating elements should not overlap the top or side"
|
| + text run at (199,77) width 126: "borders of the DIV."
|
| + RenderBlock {HR} at (364.28,412) size 40.44x2 [border: (1px inset #EEEEEE)]
|
| + RenderBlock {DIV} at (2,422) size 765x64 [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 717x48
|
| + RenderText {#text} at (20,5) size 732x54
|
| text run at (20,5) width 180: "This is text within the DIV. "
|
| text run at (199,5) width 513: "The floating images within this DIV should not go beyond the left or right inner"
|
| - text run at (20,21) width 717: "edge of this DIV, which means that the borders of the floating images should not overlap the top or side borders"
|
| - text run at (20,37) width 74: "of the DIV."
|
| - RenderBlock {HR} at (24,468) size 578.75x2 [border: (1px inset #EEEEEE)]
|
| - RenderBlock {DIV} at (2,494) size 442x218 [border: (5px solid #800080)]
|
| - RenderBlock (floating) {P} at (5,5) size 194x66 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
|
| - RenderText {#text} at (17,17) size 128x32
|
| + text run at (20,23) width 717: "edge of this DIV, which means that the borders of the floating images should not overlap the top or side borders"
|
| + text run at (5,41) width 74: "of the DIV."
|
| + RenderBlock {HR} at (24,510) size 578.75x2 [border: (1px inset #EEEEEE)]
|
| + RenderBlock {DIV} at (2,536) size 442x226 [border: (5px solid #800080)]
|
| + RenderBlock (floating) {P} at (5,5) size 194x70 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
|
| + RenderText {#text} at (17,17) size 128x36
|
| text run at (17,17) width 128: "This is the first left-"
|
| - text run at (17,33) width 122: "floating paragraph."
|
| - RenderBlock (floating) {P} at (199,5) size 194x66 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
|
| - RenderText {#text} at (17,17) size 146x32
|
| + text run at (17,35) width 122: "floating paragraph."
|
| + RenderBlock (floating) {P} at (199,5) size 194x70 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
|
| + RenderText {#text} at (17,17) size 146x36
|
| text run at (17,17) width 146: "This is the second left-"
|
| - text run at (17,33) width 122: "floating paragraph."
|
| - RenderBlock (floating) {P} at (5,71) size 194x66 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
|
| - RenderText {#text} at (17,17) size 132x32
|
| + text run at (17,35) width 122: "floating paragraph."
|
| + RenderBlock (floating) {P} at (5,75) size 194x70 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
|
| + RenderText {#text} at (17,17) size 132x36
|
| text run at (17,17) width 132: "This is the third left-"
|
| - text run at (17,33) width 122: "floating paragraph."
|
| - RenderText {#text} at (393,5) size 432x208
|
| + text run at (17,35) width 122: "floating paragraph."
|
| + RenderText {#text} at (393,5) size 432x216
|
| text run at (393,5) width 44: "This is"
|
| - text run at (393,21) width 24: "text"
|
| - text run at (393,37) width 41: "within"
|
| - text run at (393,53) width 20: "the"
|
| - text run at (393,69) width 33: "DIV."
|
| - text run at (199,85) width 212: "The floating elements within this"
|
| - text run at (199,101) width 237: "DIV should not go beyond the left or"
|
| - text run at (199,117) width 226: "right inner edge of this DIV, which"
|
| - text run at (199,133) width 186: "means that the borders of the"
|
| + text run at (393,23) width 24: "text"
|
| + text run at (393,41) width 41: "within"
|
| + text run at (393,59) width 20: "the"
|
| + text run at (199,77) width 37: "DIV. "
|
| + text run at (235,77) width 185: "The floating elements within"
|
| + text run at (199,95) width 222: "this DIV should not go beyond the"
|
| + text run at (199,113) width 225: "left or right inner edge of this DIV,"
|
| + text run at (199,131) width 229: "which means that the borders of the"
|
| text run at (5,149) width 422: "floating elements should not overlap the top or side borders of the"
|
| - text run at (5,165) width 111: "DIV in any way. "
|
| - text run at (115,165) width 304: "In addition, they should not overlap each other."
|
| - text run at (5,181) width 432: "The first two should be side by side, whereas the third should be on"
|
| - text run at (5,197) width 97: "the next \"line.\""
|
| - RenderBlock {HR} at (364.28,720) size 40.44x2 [border: (1px inset #EEEEEE)]
|
| - RenderBlock {DIV} at (2,730) size 360x186 [border: (5px solid #800080)]
|
| + text run at (5,167) width 111: "DIV in any way. "
|
| + text run at (115,167) width 304: "In addition, they should not overlap each other."
|
| + text run at (5,185) width 432: "The first two should be side by side, whereas the third should be on"
|
| + text run at (5,203) width 97: "the next \"line.\""
|
| + RenderBlock {HR} at (364.28,770) size 40.44x2 [border: (1px inset #EEEEEE)]
|
| + RenderBlock {DIV} at (2,780) size 360x208 [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 346x176
|
| + RenderText {#text} at (317,5) size 346x198
|
| text run at (317,5) width 29: "This"
|
| - text run at (317,21) width 11: "is"
|
| - text run at (317,37) width 24: "text"
|
| - text run at (161,53) width 105: "within the DIV. "
|
| - text run at (265,53) width 80: "The floating"
|
| - text run at (161,69) width 150: "images within this DIV"
|
| - text run at (5,85) width 328: "should not go beyond the left or right inner edge of"
|
| - text run at (5,101) width 346: "this DIV, which means that the borders of the floating"
|
| - text run at (5,117) width 333: "images should not overlap the top or side borders of"
|
| - text run at (5,133) width 135: "the DIV in any way. "
|
| - text run at (139,133) width 177: "In addition, they should not"
|
| - text run at (5,149) width 127: "overlap each other. "
|
| - text run at (131,149) width 199: "The first two should be side by"
|
| - text run at (5,165) width 330: "side, whereas the third should be on the next \"line.\""
|
| - RenderBlock {HR} at (24,940) size 578.75x2 [border: (1px inset #EEEEEE)]
|
| - RenderBlock {DIV} at (2,966) size 314x316 [border: (5px solid #800080)]
|
| - RenderBlock (floating) {P} at (5,5) size 194x82 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
|
| - RenderText {#text} at (17,17) size 135x48
|
| + text run at (317,23) width 11: "is"
|
| + text run at (161,41) width 133: "text within the DIV. "
|
| + text run at (293,41) width 26: "The"
|
| + text run at (161,59) width 172: "floating images within this"
|
| + text run at (5,77) width 343: "DIV should not go beyond the left or right inner edge"
|
| + text run at (5,95) width 310: "of this DIV, which means that the borders of the"
|
| + text run at (5,113) width 318: "floating images should not overlap the top or side"
|
| + text run at (5,131) width 204: "borders of the DIV in any way. "
|
| + text run at (208,131) width 106: "In addition, they"
|
| + text run at (5,149) width 198: "should not overlap each other. "
|
| + text run at (202,149) width 149: "The first two should be"
|
| + text run at (5,167) width 335: "side by side, whereas the third should be on the next"
|
| + text run at (5,185) width 42: "\"line.\""
|
| + RenderBlock {HR} at (24,1012) size 578.75x2 [border: (1px inset #EEEEEE)]
|
| + RenderBlock {DIV} at (2,1038) size 314x350 [border: (5px solid #800080)]
|
| + RenderBlock (floating) {P} at (5,5) size 194x88 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
|
| + RenderText {#text} at (17,17) size 135x54
|
| text run at (17,17) width 135: "This is a left-floating"
|
| - text run at (17,33) width 116: "paragraph (first in"
|
| - text run at (17,49) width 52: "source)."
|
| - RenderBlock (floating) {P} at (115,87) size 194x82 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
|
| - RenderText {#text} at (17,17) size 144x48
|
| + text run at (17,35) width 116: "paragraph (first in"
|
| + text run at (17,53) width 52: "source)."
|
| + RenderBlock (floating) {P} at (115,93) size 194x88 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
|
| + RenderText {#text} at (17,17) size 144x54
|
| text run at (17,17) width 144: "This is a right-floating"
|
| - text run at (17,33) width 135: "paragraph (second in"
|
| - text run at (17,49) width 52: "source)."
|
| - RenderText {#text} at (199,5) size 300x306
|
| + text run at (17,35) width 135: "paragraph (second in"
|
| + text run at (17,53) width 52: "source)."
|
| + RenderText {#text} at (199,5) size 302x340
|
| text run at (199,5) width 72: "This is text"
|
| - text run at (199,21) width 101: "within the DIV."
|
| - text run at (199,37) width 79: "The floating"
|
| - text run at (199,53) width 102: "elements within"
|
| - text run at (199,69) width 103: "this DIV should"
|
| - text run at (5,87) width 92: "not go beyond"
|
| - text run at (5,103) width 97: "the left or right"
|
| - text run at (5,119) width 85: "inner edge of"
|
| - text run at (5,135) width 103: "this DIV, which"
|
| - text run at (5,151) width 93: "means that the"
|
| - text run at (5,167) width 89: "borders of the"
|
| - text run at (5,183) width 300: "floating elements should not overlap the top or"
|
| - text run at (5,199) width 234: "side borders of the DIV in any way. "
|
| - text run at (238,199) width 14: "In"
|
| - text run at (5,215) width 298: "addition, they should not overlap each other in"
|
| - text run at (5,231) width 282: "any way, nor should the floated elements be"
|
| - text run at (5,247) width 186: "overwritten by the DIV text. "
|
| - text run at (190,247) width 99: "In addition, the"
|
| - text run at (5,263) width 282: "floated elements should not be side-by-side,"
|
| - text run at (5,279) width 294: "but instead the first should be floated left, and"
|
| - text run at (5,295) width 292: "the second floated to the right below the first."
|
| - RenderBlock {HR} at (364.28,1290) size 40.44x2 [border: (1px inset #EEEEEE)]
|
| - RenderBlock {DIV} at (2,1300) size 410x206 [border: (5px solid #800080)]
|
| + text run at (199,23) width 101: "within the DIV."
|
| + text run at (199,41) width 79: "The floating"
|
| + text run at (199,59) width 102: "elements within"
|
| + text run at (5,93) width 103: "this DIV should"
|
| + text run at (5,111) width 92: "not go beyond"
|
| + text run at (5,129) width 97: "the left or right"
|
| + text run at (5,147) width 85: "inner edge of"
|
| + text run at (5,165) width 103: "this DIV, which"
|
| + text run at (5,183) width 300: "means that the borders of the floating elements"
|
| + text run at (5,201) width 284: "should not overlap the top or side borders of"
|
| + text run at (5,219) width 135: "the DIV in any way. "
|
| + text run at (139,219) width 153: "In addition, they should"
|
| + text run at (5,237) width 293: "not overlap each other in any way, nor should"
|
| + text run at (5,255) width 302: "the floated elements be overwritten by the DIV"
|
| + text run at (5,273) width 32: "text. "
|
| + text run at (36,273) width 255: "In addition, the floated elements should"
|
| + text run at (5,291) width 300: "not be side-by-side, but instead the first should"
|
| + text run at (5,309) width 281: "be floated left, and the second floated to the"
|
| + text run at (5,327) width 131: "right below the first."
|
| + RenderBlock {HR} at (364.28,1396) size 40.44x2 [border: (1px inset #EEEEEE)]
|
| + RenderBlock {DIV} at (2,1406) size 410x226 [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 396x196
|
| + RenderText {#text} at (261,5) size 396x216
|
| text run at (261,5) width 140: "This is text within the"
|
| - text run at (261,21) width 37: "DIV. "
|
| - text run at (297,21) width 80: "The floating"
|
| + text run at (261,23) width 37: "DIV. "
|
| + text run at (297,23) width 80: "The floating"
|
| text run at (5,41) width 118: "images within this"
|
| - text run at (5,57) width 120: "DIV should not go"
|
| - text run at (5,73) width 114: "beyond the left or"
|
| - text run at (5,89) width 392: "right inner edge of this DIV, which means that the borders of"
|
| - text run at (5,105) width 393: "the floating images should not overlap the top or side borders"
|
| - text run at (5,121) width 152: "of the DIV in any way. "
|
| - text run at (156,121) width 229: "In addition, they should not overlap"
|
| - text run at (5,137) width 369: "each other in any way, nor should the floated elements be"
|
| - text run at (5,153) width 186: "overwritten by the DIV text. "
|
| - text run at (190,153) width 196: "In addition, the floated images"
|
| - text run at (5,169) width 366: "should not be side-by-side, but instead the first should be"
|
| - text run at (5,185) width 396: "floated left, and the second floated to the right below the first."
|
| - RenderBlock {HR} at (24,1530) size 578.75x2 [border: (1px inset #EEEEEE)]
|
| - RenderBlock {DIV} at (2,1556) size 765x122 [border: (5px solid #800080)]
|
| - RenderBlock (floating) {P} at (566,5) size 194x82 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
|
| - RenderText {#text} at (17,17) size 144x48
|
| + text run at (5,59) width 120: "DIV should not go"
|
| + text run at (5,77) width 388: "beyond the left or right inner edge of this DIV, which means"
|
| + text run at (5,95) width 391: "that the borders of the floating images should not overlap the"
|
| + text run at (5,113) width 276: "top or side borders of the DIV in any way. "
|
| + text run at (280,113) width 106: "In addition, they"
|
| + text run at (5,131) width 364: "should not overlap each other in any way, nor should the"
|
| + text run at (5,149) width 315: "floated elements be overwritten by the DIV text. "
|
| + text run at (319,149) width 74: "In addition,"
|
| + text run at (5,167) width 392: "the floated images should not be side-by-side, but instead the"
|
| + text run at (5,185) width 391: "first should be floated left, and the second floated to the right"
|
| + text run at (5,203) width 97: "below the first."
|
| + RenderBlock {HR} at (24,1656) size 578.75x2 [border: (1px inset #EEEEEE)]
|
| + RenderBlock {DIV} at (2,1682) size 765x118 [border: (5px solid #800080)]
|
| + RenderBlock (floating) {P} at (566,5) size 194x88 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
|
| + RenderText {#text} at (17,17) size 144x54
|
| text run at (17,17) width 144: "This is a right-floating"
|
| - text run at (17,33) width 116: "paragraph (first in"
|
| - text run at (17,49) width 52: "source)."
|
| - RenderBlock (floating) {P} at (5,5) size 194x82 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
|
| - RenderText {#text} at (17,17) size 135x48
|
| + text run at (17,35) width 116: "paragraph (first in"
|
| + text run at (17,53) width 52: "source)."
|
| + RenderBlock (floating) {P} at (5,5) size 194x88 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
|
| + RenderText {#text} at (17,17) size 135x54
|
| text run at (17,17) width 135: "This is a left-floating"
|
| - text run at (17,33) width 135: "paragraph (second in"
|
| - text run at (17,49) width 52: "source)."
|
| - RenderText {#text} at (199,5) size 559x112
|
| + text run at (17,35) width 135: "paragraph (second in"
|
| + text run at (17,53) width 52: "source)."
|
| + RenderText {#text} at (199,5) size 559x108
|
| text run at (199,5) width 180: "This is text within the DIV. "
|
| text run at (378,5) width 186: "The floating elements within"
|
| - text run at (199,21) width 357: "this DIV should not go beyond the top side of this DIV,"
|
| - text run at (199,37) width 344: "which means that the borders of the floating elements"
|
| - text run at (199,53) width 356: "should not overlap the top or side borders of the DIV in"
|
| - text run at (199,69) width 62: "any way. "
|
| - text run at (260,69) width 272: "In addition, the top of the left-floating box"
|
| - text run at (199,85) width 341: "should not be higher than the top of the right-floating"
|
| - text run at (5,101) width 28: "box."
|
| - RenderBlock {HR} at (364.28,1686) size 40.44x2 [border: (1px inset #EEEEEE)]
|
| - RenderBlock {DIV} at (2,1696) size 765x58 [border: (5px solid #800080)]
|
| + text run at (199,23) width 357: "this DIV should not go beyond the top side of this DIV,"
|
| + text run at (199,41) width 344: "which means that the borders of the floating elements"
|
| + text run at (199,59) width 356: "should not overlap the top or side borders of the DIV in"
|
| + text run at (199,77) width 62: "any way. "
|
| + text run at (260,77) width 272: "In addition, the top of the left-floating box"
|
| + text run at (5,95) width 373: "should not be higher than the top of the right-floating box."
|
| + RenderBlock {HR} at (364.28,1808) size 40.44x2 [border: (1px inset #EEEEEE)]
|
| + RenderBlock {DIV} at (2,1818) size 765x64 [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 719x48
|
| + RenderText {#text} at (20,5) size 734x54
|
| text run at (20,5) width 180: "This is text within the DIV. "
|
| text run at (199,5) width 535: "The floating images within this DIV should not go beyond the top side of this DIV,"
|
| - text run at (20,21) width 719: "which means that the borders of the floating images should not overlap the top or side borders of the DIV in any"
|
| - text run at (20,37) width 35: "way. "
|
| - text run at (54,37) width 679: "In addition, the top of the left-floating image should not be higher than the top of the right-floating image."
|
| - RenderBlock {HR} at (24,1778) size 578.75x2 [border: (1px inset #EEEEEE)]
|
| - RenderBlock {DIV} at (2,1804) size 765x122 [border: (5px solid #800080)]
|
| - RenderText {#text} at (199,5) size 188x16
|
| + text run at (20,23) width 719: "which means that the borders of the floating images should not overlap the top or side borders of the DIV in any"
|
| + text run at (5,41) width 35: "way. "
|
| + text run at (39,41) width 679: "In addition, the top of the left-floating image should not be higher than the top of the right-floating image."
|
| + RenderBlock {HR} at (24,1906) size 578.75x2 [border: (1px inset #EEEEEE)]
|
| + RenderBlock {DIV} at (2,1932) size 765x136 [border: (5px solid #800080)]
|
| + RenderText {#text} at (199,5) size 188x18
|
| text run at (199,5) width 180: "This is text within the DIV. "
|
| text run at (378,5) width 9: "*"
|
| - RenderBlock (floating) {P} at (5,5) size 194x82 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
|
| - RenderText {#text} at (17,17) size 135x48
|
| + RenderBlock (floating) {P} at (5,5) size 194x88 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
|
| + RenderText {#text} at (17,17) size 135x54
|
| text run at (17,17) width 135: "This is a left-floating"
|
| - text run at (17,33) width 116: "paragraph (first in"
|
| - text run at (17,49) width 52: "source)."
|
| - RenderText {#text} at (386,5) size 555x32
|
| + text run at (17,35) width 116: "paragraph (first in"
|
| + text run at (17,53) width 52: "source)."
|
| + RenderText {#text} at (386,5) size 555x36
|
| text run at (386,5) width 368: " The floating elements within this DIV should not go any"
|
| - text run at (199,21) width 487: "higher than the line-box containing the inline content which precedes them. "
|
| - text run at (685,21) width 13: "* "
|
| - RenderBlock (floating) {P} at (566,37) size 194x82 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
|
| - RenderText {#text} at (17,17) size 144x48
|
| + text run at (199,23) width 487: "higher than the line-box containing the inline content which precedes them. "
|
| + text run at (685,23) width 13: "* "
|
| + RenderBlock (floating) {P} at (566,41) size 194x88 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
|
| + RenderText {#text} at (17,17) size 144x54
|
| text run at (17,17) width 144: "This is a right-floating"
|
| - text run at (17,33) width 135: "paragraph (second in"
|
| - text run at (17,49) width 52: "source)."
|
| - RenderText {#text} at (697,21) size 722x96
|
| - text run at (697,21) width 30: "This"
|
| - text run at (199,37) width 352: "means that the top side of each float can be, at most, as"
|
| - text run at (199,53) width 360: "high as the top edge of the inline element containing the"
|
| - text run at (199,69) width 337: "content just before the floating elements occur in the"
|
| - text run at (199,85) width 50: "source. "
|
| - text run at (248,85) width 309: "In order to mark these points clearly, an asterisk"
|
| - text run at (5,101) width 323: "has been inserted just before each floated element."
|
| - RenderBlock {HR} at (364.28,1934) size 40.44x2 [border: (1px inset #EEEEEE)]
|
| - RenderBlock {DIV} at (2,1944) size 765x74 [border: (5px solid #800080)]
|
| - RenderText {#text} at (20,5) size 188x16
|
| + text run at (17,35) width 135: "paragraph (second in"
|
| + text run at (17,53) width 52: "source)."
|
| + RenderText {#text} at (697,23) size 722x108
|
| + text run at (697,23) width 30: "This"
|
| + text run at (199,41) width 352: "means that the top side of each float can be, at most, as"
|
| + text run at (199,59) width 360: "high as the top edge of the inline element containing the"
|
| + text run at (199,77) width 337: "content just before the floating elements occur in the"
|
| + text run at (5,95) width 50: "source. "
|
| + text run at (54,95) width 495: "In order to mark these points clearly, an asterisk has been inserted just before"
|
| + text run at (5,113) width 137: "each floated element."
|
| + RenderBlock {HR} at (364.28,2076) size 40.44x2 [border: (1px inset #EEEEEE)]
|
| + RenderBlock {DIV} at (2,2086) size 765x82 [border: (5px solid #800080)]
|
| + RenderText {#text} at (20,5) size 188x18
|
| text run at (20,5) width 180: "This is text within the DIV. "
|
| text run at (199,5) width 9: "*"
|
| RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #000000)]
|
| - RenderText {#text} at (207,5) size 700x32
|
| + RenderText {#text} at (207,5) size 700x36
|
| text run at (207,5) width 513: " The floating images within this DIV should not go any higher than the line-box"
|
| - text run at (20,21) width 330: "containing the inline content which precedes them. "
|
| - text run at (349,21) width 13: "* "
|
| - RenderImage {IMG} at (745,21) size 15x36 [border: (3px solid #000000)]
|
| - RenderText {#text} at (361,21) size 724x48
|
| - text run at (361,21) width 368: "This means that the top side of each float can be, at most,"
|
| - text run at (20,37) width 706: "as high as the top edge of the inline element containing the content just before the floating images occur in the"
|
| - text run at (5,53) width 50: "source. "
|
| - text run at (54,53) width 624: "In order to mark these points clearly, an asterisk has been inserted just before each floated image."
|
| - RenderBlock {HR} at (24,2042) size 578.75x2 [border: (1px inset #EEEEEE)]
|
| - RenderBlock {DIV} at (2,2068) size 765x266 [border: (5px solid #800080)]
|
| - RenderText {#text} at (199,5) size 188x16
|
| + text run at (20,23) width 330: "containing the inline content which precedes them. "
|
| + text run at (349,23) width 13: "* "
|
| + RenderImage {IMG} at (745,23) size 15x36 [border: (3px solid #000000)]
|
| + RenderText {#text} at (361,23) size 724x54
|
| + text run at (361,23) width 368: "This means that the top side of each float can be, at most,"
|
| + text run at (5,41) width 706: "as high as the top edge of the inline element containing the content just before the floating images occur in the"
|
| + text run at (5,59) width 50: "source. "
|
| + text run at (54,59) width 624: "In order to mark these points clearly, an asterisk has been inserted just before each floated image."
|
| + RenderBlock {HR} at (24,2192) size 578.75x2 [border: (1px inset #EEEEEE)]
|
| + RenderBlock {DIV} at (2,2218) size 765x262 [border: (5px solid #800080)]
|
| + RenderText {#text} at (199,5) size 188x18
|
| text run at (199,5) width 180: "This is text within the DIV. "
|
| text run at (378,5) width 9: "*"
|
| - RenderBlock (floating) {P} at (5,5) size 194x82 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
|
| - RenderText {#text} at (17,17) size 135x48
|
| + RenderBlock (floating) {P} at (5,5) size 194x88 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
|
| + RenderText {#text} at (17,17) size 135x54
|
| text run at (17,17) width 135: "This is a left-floating"
|
| - text run at (17,33) width 116: "paragraph (first in"
|
| - text run at (17,49) width 52: "source)."
|
| - RenderText {#text} at (386,5) size 555x32
|
| + text run at (17,35) width 116: "paragraph (first in"
|
| + text run at (17,53) width 52: "source)."
|
| + RenderText {#text} at (386,5) size 555x36
|
| text run at (386,5) width 368: " The floating elements within this DIV should not go any"
|
| - text run at (199,21) width 487: "higher than the line-box containing the inline content which precedes them. "
|
| - text run at (685,21) width 13: "* "
|
| - RenderBlock (floating) {P} at (566,37) size 194x82 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
|
| - RenderText {#text} at (17,17) size 144x48
|
| + text run at (199,23) width 487: "higher than the line-box containing the inline content which precedes them. "
|
| + text run at (685,23) width 13: "* "
|
| + RenderBlock (floating) {P} at (566,41) size 194x88 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
|
| + RenderText {#text} at (17,17) size 144x54
|
| text run at (17,17) width 144: "This is a right-floating"
|
| - text run at (17,33) width 135: "paragraph (second in"
|
| - text run at (17,49) width 52: "source)."
|
| - RenderText {#text} at (697,21) size 528x32
|
| - text run at (697,21) width 30: "This"
|
| - text run at (199,37) width 288: "means that the top side of each float can be,*"
|
| - RenderBlock (floating) {P} at (199,53) size 194x82 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
|
| - RenderText {#text} at (17,17) size 135x48
|
| + text run at (17,35) width 135: "paragraph (second in"
|
| + text run at (17,53) width 52: "source)."
|
| + RenderText {#text} at (697,23) size 528x36
|
| + text run at (697,23) width 30: "This"
|
| + text run at (199,41) width 288: "means that the top side of each float can be,*"
|
| + RenderBlock (floating) {P} at (199,59) size 194x88 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
|
| + RenderText {#text} at (17,17) size 135x54
|
| text run at (17,17) width 135: "This is a left-floating"
|
| - text run at (17,33) width 120: "paragraph (third in"
|
| - text run at (17,49) width 52: "source)."
|
| - RenderText {#text} at (486,37) size 169x96
|
| - text run at (486,37) width 73: " at most, as"
|
| - text run at (393,53) width 169: "high as the top edge of the"
|
| - text run at (393,69) width 163: "inline element containing"
|
| - text run at (393,85) width 167: "the content just before the"
|
| - text run at (393,101) width 167: "floating elements occur in"
|
| - text run at (393,117) width 74: "the source. "
|
| - text run at (466,117) width 9: "*"
|
| - RenderBlock (floating) {P} at (393,133) size 194x82 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
|
| - RenderText {#text} at (17,17) size 135x48
|
| + text run at (17,35) width 120: "paragraph (third in"
|
| + text run at (17,53) width 52: "source)."
|
| + RenderText {#text} at (486,41) size 276x108
|
| + text run at (486,41) width 73: " at most, as"
|
| + text run at (393,59) width 169: "high as the top edge of the"
|
| + text run at (393,77) width 163: "inline element containing"
|
| + text run at (393,95) width 167: "the content just before the"
|
| + text run at (393,113) width 167: "floating elements occur in"
|
| + text run at (587,131) width 74: "the source. "
|
| + text run at (660,131) width 9: "*"
|
| + RenderBlock (floating) {P} at (393,131) size 194x88 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
|
| + RenderText {#text} at (17,17) size 135x54
|
| text run at (17,17) width 135: "This is a left-floating"
|
| - text run at (17,33) width 129: "paragraph (fourth in"
|
| - text run at (17,49) width 52: "source)."
|
| - RenderText {#text} at (474,117) size 747x144
|
| - text run at (474,117) width 72: " In order to"
|
| - text run at (587,133) width 165: "mark these points clearly,"
|
| - text run at (587,149) width 128: "an asterisk has been"
|
| - text run at (587,165) width 156: "inserted just before each"
|
| - text run at (587,181) width 108: "floated element. "
|
| - text run at (694,181) width 50: "If a line"
|
| - text run at (587,197) width 142: "has room for a floated"
|
| - text run at (587,213) width 165: "element, then the element"
|
| - text run at (5,229) width 607: "should float so that its top is aligned with the top of the line-box in which the asterisk appears. "
|
| - text run at (612,229) width 114: "Otherwise, its top"
|
| - text run at (5,245) width 293: "should align with the top of the next line-box."
|
| - RenderBlock {HR} at (364.28,2342) size 40.44x2 [border: (1px inset #EEEEEE)]
|
| - RenderBlock {DIV} at (2,2352) size 765x106 [border: (5px solid #800080)]
|
| - RenderText {#text} at (20,5) size 188x16
|
| + text run at (17,35) width 129: "paragraph (fourth in"
|
| + text run at (17,53) width 52: "source)."
|
| + RenderText {#text} at (668,131) size 747x126
|
| + text run at (668,131) width 72: " In order to"
|
| + text run at (587,149) width 165: "mark these points clearly,"
|
| + text run at (587,167) width 128: "an asterisk has been"
|
| + text run at (587,185) width 156: "inserted just before each"
|
| + text run at (587,203) width 108: "floated element. "
|
| + text run at (694,203) width 50: "If a line"
|
| + text run at (5,221) width 741: "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,239) width 177: "which the asterisk appears. "
|
| + text run at (181,239) width 411: "Otherwise, its top should align with the top of the next line-box."
|
| + RenderBlock {HR} at (364.28,2488) size 40.44x2 [border: (1px inset #EEEEEE)]
|
| + RenderBlock {DIV} at (2,2498) size 765x118 [border: (5px solid #800080)]
|
| + RenderText {#text} at (20,5) size 188x18
|
| text run at (20,5) width 180: "This is text within the DIV. "
|
| text run at (199,5) width 9: "*"
|
| RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #000000)]
|
| - RenderText {#text} at (207,5) size 685x32
|
| + RenderText {#text} at (207,5) size 685x36
|
| text run at (207,5) width 513: " The floating images within this DIV should not go any higher than the line-box"
|
| - text run at (35,21) width 330: "containing the inline content which precedes them. "
|
| - text run at (364,21) width 13: "* "
|
| - RenderImage {IMG} at (745,21) size 15x36 [border: (3px solid #000000)]
|
| - RenderText {#text} at (376,21) size 326x16
|
| - text run at (376,21) width 318: "This means that the top side of each float can be, "
|
| - text run at (693,21) width 9: "*"
|
| - RenderImage {IMG} at (20,21) size 15x36 [border: (3px solid #000000)]
|
| - RenderText {#text} at (701,21) size 705x48
|
| - text run at (701,21) width 16: " at"
|
| - text run at (35,37) width 705: "most, as high as the top edge of the inline element containing the content just before the floating images occur"
|
| - text run at (50,53) width 90: "in the source. "
|
| - text run at (139,53) width 9: "*"
|
| - RenderImage {IMG} at (35,53) size 15x36 [border: (3px solid #000000)]
|
| - RenderText {#text} at (147,53) size 704x48
|
| - text run at (147,53) width 581: " In order to mark these points clearly, an asterisk has been inserted just before each floated"
|
| - text run at (50,69) width 48: "image. "
|
| - text run at (97,69) width 657: "If a line has room for a floated image, then the image should float so that its top is aligned with the top"
|
| - text run at (50,85) width 292: "of the line-box in which the asterisk appears. "
|
| - text run at (341,85) width 411: "Otherwise, its top should align with the top of the next line-box."
|
| - RenderBlock {HR} at (24,2482) size 578.75x2 [border: (1px inset #EEEEEE)]
|
| - RenderBlock {DIV} at (2,2508) size 490x282 [border: (5px solid #800080)]
|
| - RenderText {#text} at (199,5) size 56x16
|
| + text run at (35,23) width 330: "containing the inline content which precedes them. "
|
| + text run at (364,23) width 13: "* "
|
| + RenderImage {IMG} at (745,23) size 15x36 [border: (3px solid #000000)]
|
| + RenderText {#text} at (376,23) size 326x18
|
| + text run at (376,23) width 318: "This means that the top side of each float can be, "
|
| + text run at (693,23) width 9: "*"
|
| + RenderImage {IMG} at (20,23) size 15x36 [border: (3px solid #000000)]
|
| + RenderText {#text} at (701,23) size 720x54
|
| + text run at (701,23) width 16: " at"
|
| + text run at (35,41) width 705: "most, as high as the top edge of the inline element containing the content just before the floating images occur"
|
| + text run at (20,59) width 90: "in the source. "
|
| + text run at (109,59) width 9: "*"
|
| + RenderImage {IMG} at (5,59) size 15x36 [border: (3px solid #000000)]
|
| + RenderText {#text} at (117,59) size 755x54
|
| + text run at (117,59) width 632: " In order to mark these points clearly, an asterisk has been inserted just before each floated image. "
|
| + text run at (748,59) width 12: "If"
|
| + text run at (20,77) width 740: "a line has room for a floated image, then the image should float so that its top is aligned with the top of the line-box"
|
| + text run at (5,95) width 193: "in which the asterisk appears. "
|
| + text run at (197,95) width 411: "Otherwise, its top should align with the top of the next line-box."
|
| + RenderBlock {HR} at (24,2640) size 578.75x2 [border: (1px inset #EEEEEE)]
|
| + RenderBlock {DIV} at (2,2666) size 490x298 [border: (5px solid #800080)]
|
| + RenderText {#text} at (199,5) size 56x18
|
| text run at (199,5) width 56: "This is *"
|
| - RenderBlock (floating) {P} at (5,5) size 194x82 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
|
| - RenderText {#text} at (17,17) size 135x48
|
| + RenderBlock (floating) {P} at (5,5) size 194x88 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
|
| + RenderText {#text} at (17,17) size 135x54
|
| text run at (17,17) width 135: "This is a left-floating"
|
| - text run at (17,33) width 116: "paragraph (first in"
|
| - text run at (17,49) width 52: "source)."
|
| - RenderText {#text} at (254,5) size 13x16
|
| + text run at (17,35) width 116: "paragraph (first in"
|
| + text run at (17,53) width 52: "source)."
|
| + RenderText {#text} at (254,5) size 13x18
|
| text run at (254,5) width 13: " *"
|
| - RenderBlock (floating) {P} at (291,5) size 194x82 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
|
| - RenderText {#text} at (17,17) size 144x48
|
| + RenderBlock (floating) {P} at (291,5) size 194x88 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
|
| + RenderText {#text} at (17,17) size 144x54
|
| text run at (17,17) width 144: "This is a right-floating"
|
| - text run at (17,33) width 135: "paragraph (second in"
|
| - text run at (17,49) width 52: "source)."
|
| - RenderText {#text} at (199,21) size 475x256
|
| - text run at (199,21) width 69: "text within"
|
| - text run at (199,37) width 56: "the DIV."
|
| - text run at (199,53) width 85: "Under CSS1,"
|
| - text run at (199,69) width 45: "the left"
|
| - text run at (199,85) width 50: "floating"
|
| - text run at (5,101) width 441: "element should be placed in the upper left corner of the DIV, and the"
|
| - text run at (5,117) width 442: "purple border of the DIV should abut the green border of the floating"
|
| - text run at (5,133) width 59: "element. "
|
| - text run at (63,133) width 382: "Similarly, the right floating element should be placed in the"
|
| + text run at (17,35) width 135: "paragraph (second in"
|
| + text run at (17,53) width 52: "source)."
|
| + RenderText {#text} at (199,23) size 475x270
|
| + text run at (199,23) width 69: "text within"
|
| + text run at (199,41) width 56: "the DIV."
|
| + text run at (199,59) width 85: "Under CSS1,"
|
| + text run at (199,77) width 45: "the left"
|
| + text run at (5,95) width 471: "floating element should be placed in the upper left corner of the DIV, and"
|
| + text run at (5,113) width 466: "the purple border of the DIV should abut the green border of the floating"
|
| + text run at (5,131) width 59: "element. "
|
| + text run at (63,131) width 382: "Similarly, the right floating element should be placed in the"
|
| text run at (5,149) width 455: "upper right corner of the DIV, and the purple border of the DIV should"
|
| - text run at (5,165) width 475: "abut the green border of the floating element. The text of the DIV element"
|
| - text run at (5,181) width 428: "should flow between and under the two floating elements. The two"
|
| - text run at (5,197) width 470: "asterisk characters mark the insertion points of the floating elements. It is"
|
| - text run at (5,213) width 474: "expected that, under future specifications, it may be acceptable for the top"
|
| - text run at (5,229) width 444: "of floated elements to align with the top of the line-box following the"
|
| - text run at (5,245) width 475: "insertion point of the floated element to avoid floating elements appearing"
|
| - text run at (5,261) width 342: "before text which precedes it in the source document."
|
| - RenderBlock {HR} at (364.28,2798) size 40.44x2 [border: (1px inset #EEEEEE)]
|
| - RenderBlock {DIV} at (2,2808) size 490x202 [border: (5px solid #800080)]
|
| - RenderText {#text} at (20,5) size 56x16
|
| + text run at (5,167) width 475: "abut the green border of the floating element. The text of the DIV element"
|
| + text run at (5,185) width 428: "should flow between and under the two floating elements. The two"
|
| + text run at (5,203) width 470: "asterisk characters mark the insertion points of the floating elements. It is"
|
| + text run at (5,221) width 474: "expected that, under future specifications, it may be acceptable for the top"
|
| + text run at (5,239) width 444: "of floated elements to align with the top of the line-box following the"
|
| + text run at (5,257) width 475: "insertion point of the floated element to avoid floating elements appearing"
|
| + text run at (5,275) width 342: "before text which precedes it in the source document."
|
| + RenderBlock {HR} at (364.28,2972) size 40.44x2 [border: (1px inset #EEEEEE)]
|
| + RenderBlock {DIV} at (2,2982) size 490x226 [border: (5px solid #800080)]
|
| + RenderText {#text} at (20,5) size 56x18
|
| text run at (20,5) width 56: "This is *"
|
| RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #000000)]
|
| - RenderText {#text} at (75,5) size 13x16
|
| + RenderText {#text} at (75,5) size 13x18
|
| text run at (75,5) width 13: " *"
|
| RenderImage {IMG} at (470,5) size 15x36 [border: (3px solid #000000)]
|
| - RenderText {#text} at (87,5) size 475x192
|
| + RenderText {#text} at (87,5) size 475x216
|
| text run at (87,5) width 137: " text within the DIV. "
|
| text run at (223,5) width 232: "Under CSS1, the left floating image"
|
| - text run at (20,21) width 431: "should be placed in the upper left corner of the DIV, and the purple"
|
| - text run at (20,37) width 444: "border of the DIV should abut the green border of the floating image."
|
| - text run at (5,53) width 445: "Similarly, the right floating image should be placed in the upper right"
|
| - text run at (5,69) width 475: "corner of the DIV, and the purple border of the DIV should abut the green"
|
| - text run at (5,85) width 449: "border of the floating image. The text of the DIV element should flow"
|
| - text run at (5,101) width 452: "between and under the two floating image. The two asterisk characters"
|
| - text run at (5,117) width 306: "mark the insertion points of the floating image. "
|
| - text run at (310,117) width 158: "It is expected that, under"
|
| - text run at (5,133) width 467: "future specifications, it may be acceptable for the top of floated elements"
|
| - text run at (5,149) width 455: "to align with the top of the line-box following the insertion point of the"
|
| - text run at (5,165) width 453: "floated element to avoid floating elements appearing before text which"
|
| - text run at (5,181) width 226: "precedes it in the source document."
|
| - RenderBlock {HR} at (24,3034) size 578.75x2 [border: (1px inset #EEEEEE)]
|
| - LayoutTable {TABLE} at (0,3060) size 769x2962 [border: (1px outset #808080)]
|
| - LayoutTableSection {TBODY} at (1,1) size 767x2960
|
| - LayoutTableRow {TR} at (0,0) size 767x24
|
| - LayoutTableCell {TD} at (0,0) size 767x24 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
|
| - RenderInline {STRONG} at (0,0) size 163x16
|
| - RenderText {#text} at (4,4) size 163x16
|
| + text run at (20,23) width 431: "should be placed in the upper left corner of the DIV, and the purple"
|
| + text run at (5,41) width 444: "border of the DIV should abut the green border of the floating image."
|
| + text run at (5,59) width 445: "Similarly, the right floating image should be placed in the upper right"
|
| + text run at (5,77) width 475: "corner of the DIV, and the purple border of the DIV should abut the green"
|
| + text run at (5,95) width 449: "border of the floating image. The text of the DIV element should flow"
|
| + text run at (5,113) width 452: "between and under the two floating image. The two asterisk characters"
|
| + text run at (5,131) width 306: "mark the insertion points of the floating image. "
|
| + text run at (310,131) width 158: "It is expected that, under"
|
| + text run at (5,149) width 467: "future specifications, it may be acceptable for the top of floated elements"
|
| + text run at (5,167) width 455: "to align with the top of the line-box following the insertion point of the"
|
| + text run at (5,185) width 453: "floated element to avoid floating elements appearing before text which"
|
| + text run at (5,203) width 226: "precedes it in the source document."
|
| + RenderBlock {HR} at (24,3232) size 578.75x2 [border: (1px inset #EEEEEE)]
|
| + LayoutTable {TABLE} at (0,3258) size 769x3079 [border: (1px outset #808080)]
|
| + LayoutTableSection {TBODY} at (1,1) size 767x3077
|
| + 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]
|
| + RenderInline {STRONG} at (0,0) size 163x18
|
| + RenderText {#text} at (4,4) size 163x18
|
| text run at (4,4) width 163: "TABLE Testing Section"
|
| - LayoutTableRow {TR} at (0,24) size 767x2936
|
| - LayoutTableCell {TD} at (0,1480) size 12x24 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
|
| - RenderText {#text} at (4,4) size 4x16
|
| + LayoutTableRow {TR} at (0,26) size 767x3051
|
| + LayoutTableCell {TD} at (0,1538) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
|
| + RenderText {#text} at (4,4) size 4x18
|
| text run at (4,4) width 4: " "
|
| - LayoutTableCell {TD} at (12,24) size 755x2936 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
|
| - RenderBlock {P} at (4,4) size 747x48
|
| - RenderText {#text} at (0,0) size 737x48
|
| + LayoutTableCell {TD} at (12,26) size 755x3051 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
|
| + RenderBlock {P} at (4,4) size 747x54
|
| + RenderText {#text} at (0,0) size 737x54
|
| text run at (0,0) width 696: "On this test page, each test is performed once with floating paragraphs, and then again with floating images. "
|
| text run at (695,0) width 37: "Other"
|
| - text run at (0,16) width 737: "than the substitution of images for pargraphs, the structure of the test is exactly the same, including the direction of"
|
| - text run at (0,32) width 64: "the floats."
|
| - RenderBlock {HR} at (28,76) size 562.25x2 [border: (1px inset #EEEEEE)]
|
| - RenderBlock {DIV} at (6,102) size 743x90 [border: (5px solid #800080)]
|
| - RenderBlock (floating) {P} at (5,5) size 194x82 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
|
| - RenderText {#text} at (17,17) size 135x48
|
| + text run at (0,18) width 737: "than the substitution of images for pargraphs, the structure of the test is exactly the same, including the direction of"
|
| + text run at (0,36) width 64: "the floats."
|
| + RenderBlock {HR} at (28,82) size 562.25x2 [border: (1px inset #EEEEEE)]
|
| + RenderBlock {DIV} at (6,108) size 743x100 [border: (5px solid #800080)]
|
| + RenderBlock (floating) {P} at (5,5) size 194x88 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
|
| + RenderText {#text} at (17,17) size 135x54
|
| text run at (17,17) width 135: "This is a left-floating"
|
| - text run at (17,33) width 116: "paragraph (first in"
|
| - text run at (17,49) width 52: "source)."
|
| - RenderBlock (floating) {P} at (544,5) size 194x82 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
|
| - RenderText {#text} at (17,17) size 144x48
|
| + text run at (17,35) width 116: "paragraph (first in"
|
| + text run at (17,53) width 52: "source)."
|
| + RenderBlock (floating) {P} at (544,5) size 194x88 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
|
| + RenderText {#text} at (17,17) size 144x54
|
| text run at (17,17) width 144: "This is a right-floating"
|
| - text run at (17,33) width 135: "paragraph (second in"
|
| - text run at (17,49) width 52: "source)."
|
| - RenderText {#text} at (199,5) size 344x80
|
| + text run at (17,35) width 135: "paragraph (second in"
|
| + text run at (17,53) width 52: "source)."
|
| + RenderText {#text} at (199,5) size 344x90
|
| text run at (199,5) width 180: "This is text within the DIV. "
|
| text run at (378,5) width 141: "The floating elements"
|
| - text run at (199,21) width 344: "within this DIV should not go beyond the left or right"
|
| - text run at (199,37) width 340: "inner edge of this DIV, which means that the borders"
|
| - text run at (199,53) width 340: "of the floating elements should not overlap the top or"
|
| - text run at (199,69) width 156: "side borders of the DIV."
|
| - RenderBlock {HR} at (357.83,200) size 39.34x2 [border: (1px inset #EEEEEE)]
|
| - RenderBlock {DIV} at (6,210) size 743x58 [border: (5px solid #800080)]
|
| + text run at (199,23) width 344: "within this DIV should not go beyond the left or right"
|
| + text run at (199,41) width 340: "inner edge of this DIV, which means that the borders"
|
| + text run at (199,59) width 340: "of the floating elements should not overlap the top or"
|
| + text run at (199,77) width 156: "side borders of the DIV."
|
| + RenderBlock {HR} at (357.83,216) size 39.34x2 [border: (1px inset #EEEEEE)]
|
| + RenderBlock {DIV} at (6,226) size 743x64 [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 692x48
|
| + RenderText {#text} at (20,5) size 707x54
|
| text run at (20,5) width 180: "This is text within the DIV. "
|
| text run at (199,5) width 513: "The floating images within this DIV should not go beyond the left or right inner"
|
| - text run at (20,21) width 665: "edge of this DIV, which means that the borders of the floating images should not overlap the top or side"
|
| - text run at (20,37) width 126: "borders of the DIV."
|
| - RenderBlock {HR} at (28,292) size 562.25x2 [border: (1px inset #EEEEEE)]
|
| - RenderBlock {DIV} at (6,318) size 442x218 [border: (5px solid #800080)]
|
| - RenderBlock (floating) {P} at (5,5) size 194x66 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
|
| - RenderText {#text} at (17,17) size 128x32
|
| + text run at (20,23) width 665: "edge of this DIV, which means that the borders of the floating images should not overlap the top or side"
|
| + text run at (5,41) width 126: "borders of the DIV."
|
| + RenderBlock {HR} at (28,314) size 562.25x2 [border: (1px inset #EEEEEE)]
|
| + RenderBlock {DIV} at (6,340) size 442x226 [border: (5px solid #800080)]
|
| + RenderBlock (floating) {P} at (5,5) size 194x70 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
|
| + RenderText {#text} at (17,17) size 128x36
|
| text run at (17,17) width 128: "This is the first left-"
|
| - text run at (17,33) width 122: "floating paragraph."
|
| - RenderBlock (floating) {P} at (199,5) size 194x66 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
|
| - RenderText {#text} at (17,17) size 146x32
|
| + text run at (17,35) width 122: "floating paragraph."
|
| + RenderBlock (floating) {P} at (199,5) size 194x70 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
|
| + RenderText {#text} at (17,17) size 146x36
|
| text run at (17,17) width 146: "This is the second left-"
|
| - text run at (17,33) width 122: "floating paragraph."
|
| - RenderBlock (floating) {P} at (5,71) size 194x66 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
|
| - RenderText {#text} at (17,17) size 132x32
|
| + text run at (17,35) width 122: "floating paragraph."
|
| + RenderBlock (floating) {P} at (5,75) size 194x70 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
|
| + RenderText {#text} at (17,17) size 132x36
|
| text run at (17,17) width 132: "This is the third left-"
|
| - text run at (17,33) width 122: "floating paragraph."
|
| - RenderText {#text} at (393,5) size 432x208
|
| + text run at (17,35) width 122: "floating paragraph."
|
| + RenderText {#text} at (393,5) size 432x216
|
| text run at (393,5) width 44: "This is"
|
| - text run at (393,21) width 24: "text"
|
| - text run at (393,37) width 41: "within"
|
| - text run at (393,53) width 20: "the"
|
| - text run at (393,69) width 33: "DIV."
|
| - text run at (199,85) width 212: "The floating elements within this"
|
| - text run at (199,101) width 237: "DIV should not go beyond the left or"
|
| - text run at (199,117) width 226: "right inner edge of this DIV, which"
|
| - text run at (199,133) width 186: "means that the borders of the"
|
| + text run at (393,23) width 24: "text"
|
| + text run at (393,41) width 41: "within"
|
| + text run at (393,59) width 20: "the"
|
| + text run at (199,77) width 37: "DIV. "
|
| + text run at (235,77) width 185: "The floating elements within"
|
| + text run at (199,95) width 222: "this DIV should not go beyond the"
|
| + text run at (199,113) width 225: "left or right inner edge of this DIV,"
|
| + text run at (199,131) width 229: "which means that the borders of the"
|
| text run at (5,149) width 422: "floating elements should not overlap the top or side borders of the"
|
| - text run at (5,165) width 111: "DIV in any way. "
|
| - text run at (115,165) width 304: "In addition, they should not overlap each other."
|
| - text run at (5,181) width 432: "The first two should be side by side, whereas the third should be on"
|
| - text run at (5,197) width 97: "the next \"line.\""
|
| - RenderBlock {HR} at (357.83,544) size 39.34x2 [border: (1px inset #EEEEEE)]
|
| - RenderBlock {DIV} at (6,554) size 360x186 [border: (5px solid #800080)]
|
| + text run at (5,167) width 111: "DIV in any way. "
|
| + text run at (115,167) width 304: "In addition, they should not overlap each other."
|
| + text run at (5,185) width 432: "The first two should be side by side, whereas the third should be on"
|
| + text run at (5,203) width 97: "the next \"line.\""
|
| + RenderBlock {HR} at (357.83,574) size 39.34x2 [border: (1px inset #EEEEEE)]
|
| + RenderBlock {DIV} at (6,584) size 360x208 [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 346x176
|
| + RenderText {#text} at (317,5) size 346x198
|
| text run at (317,5) width 29: "This"
|
| - text run at (317,21) width 11: "is"
|
| - text run at (317,37) width 24: "text"
|
| - text run at (161,53) width 105: "within the DIV. "
|
| - text run at (265,53) width 80: "The floating"
|
| - text run at (161,69) width 150: "images within this DIV"
|
| - text run at (5,85) width 328: "should not go beyond the left or right inner edge of"
|
| - text run at (5,101) width 346: "this DIV, which means that the borders of the floating"
|
| - text run at (5,117) width 333: "images should not overlap the top or side borders of"
|
| - text run at (5,133) width 135: "the DIV in any way. "
|
| - text run at (139,133) width 177: "In addition, they should not"
|
| - text run at (5,149) width 127: "overlap each other. "
|
| - text run at (131,149) width 199: "The first two should be side by"
|
| - text run at (5,165) width 330: "side, whereas the third should be on the next \"line.\""
|
| - RenderBlock {HR} at (28,764) size 562.25x2 [border: (1px inset #EEEEEE)]
|
| - RenderBlock {DIV} at (6,790) size 314x316 [border: (5px solid #800080)]
|
| - RenderBlock (floating) {P} at (5,5) size 194x82 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
|
| - RenderText {#text} at (17,17) size 135x48
|
| + text run at (317,23) width 11: "is"
|
| + text run at (161,41) width 133: "text within the DIV. "
|
| + text run at (293,41) width 26: "The"
|
| + text run at (161,59) width 172: "floating images within this"
|
| + text run at (5,77) width 343: "DIV should not go beyond the left or right inner edge"
|
| + text run at (5,95) width 310: "of this DIV, which means that the borders of the"
|
| + text run at (5,113) width 318: "floating images should not overlap the top or side"
|
| + text run at (5,131) width 204: "borders of the DIV in any way. "
|
| + text run at (208,131) width 106: "In addition, they"
|
| + text run at (5,149) width 198: "should not overlap each other. "
|
| + text run at (202,149) width 149: "The first two should be"
|
| + text run at (5,167) width 335: "side by side, whereas the third should be on the next"
|
| + text run at (5,185) width 42: "\"line.\""
|
| + RenderBlock {HR} at (28,816) size 562.25x2 [border: (1px inset #EEEEEE)]
|
| + RenderBlock {DIV} at (6,842) size 314x350 [border: (5px solid #800080)]
|
| + RenderBlock (floating) {P} at (5,5) size 194x88 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
|
| + RenderText {#text} at (17,17) size 135x54
|
| text run at (17,17) width 135: "This is a left-floating"
|
| - text run at (17,33) width 116: "paragraph (first in"
|
| - text run at (17,49) width 52: "source)."
|
| - RenderBlock (floating) {P} at (115,87) size 194x82 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
|
| - RenderText {#text} at (17,17) size 144x48
|
| + text run at (17,35) width 116: "paragraph (first in"
|
| + text run at (17,53) width 52: "source)."
|
| + RenderBlock (floating) {P} at (115,93) size 194x88 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
|
| + RenderText {#text} at (17,17) size 144x54
|
| text run at (17,17) width 144: "This is a right-floating"
|
| - text run at (17,33) width 135: "paragraph (second in"
|
| - text run at (17,49) width 52: "source)."
|
| - RenderText {#text} at (199,5) size 300x306
|
| + text run at (17,35) width 135: "paragraph (second in"
|
| + text run at (17,53) width 52: "source)."
|
| + RenderText {#text} at (199,5) size 302x340
|
| text run at (199,5) width 72: "This is text"
|
| - text run at (199,21) width 101: "within the DIV."
|
| - text run at (199,37) width 79: "The floating"
|
| - text run at (199,53) width 102: "elements within"
|
| - text run at (199,69) width 103: "this DIV should"
|
| - text run at (5,87) width 92: "not go beyond"
|
| - text run at (5,103) width 97: "the left or right"
|
| - text run at (5,119) width 85: "inner edge of"
|
| - text run at (5,135) width 103: "this DIV, which"
|
| - text run at (5,151) width 93: "means that the"
|
| - text run at (5,167) width 89: "borders of the"
|
| - text run at (5,183) width 300: "floating elements should not overlap the top or"
|
| - text run at (5,199) width 234: "side borders of the DIV in any way. "
|
| - text run at (238,199) width 14: "In"
|
| - text run at (5,215) width 298: "addition, they should not overlap each other in"
|
| - text run at (5,231) width 282: "any way, nor should the floated elements be"
|
| - text run at (5,247) width 186: "overwritten by the DIV text. "
|
| - text run at (190,247) width 99: "In addition, the"
|
| - text run at (5,263) width 282: "floated elements should not be side-by-side,"
|
| - text run at (5,279) width 294: "but instead the first should be floated left, and"
|
| - text run at (5,295) width 292: "the second floated to the right below the first."
|
| - RenderBlock {HR} at (357.83,1114) size 39.34x2 [border: (1px inset #EEEEEE)]
|
| - RenderBlock {DIV} at (6,1124) size 410x206 [border: (5px solid #800080)]
|
| + text run at (199,23) width 101: "within the DIV."
|
| + text run at (199,41) width 79: "The floating"
|
| + text run at (199,59) width 102: "elements within"
|
| + text run at (5,93) width 103: "this DIV should"
|
| + text run at (5,111) width 92: "not go beyond"
|
| + text run at (5,129) width 97: "the left or right"
|
| + text run at (5,147) width 85: "inner edge of"
|
| + text run at (5,165) width 103: "this DIV, which"
|
| + text run at (5,183) width 300: "means that the borders of the floating elements"
|
| + text run at (5,201) width 284: "should not overlap the top or side borders of"
|
| + text run at (5,219) width 135: "the DIV in any way. "
|
| + text run at (139,219) width 153: "In addition, they should"
|
| + text run at (5,237) width 293: "not overlap each other in any way, nor should"
|
| + text run at (5,255) width 302: "the floated elements be overwritten by the DIV"
|
| + text run at (5,273) width 32: "text. "
|
| + text run at (36,273) width 255: "In addition, the floated elements should"
|
| + text run at (5,291) width 300: "not be side-by-side, but instead the first should"
|
| + text run at (5,309) width 281: "be floated left, and the second floated to the"
|
| + text run at (5,327) width 131: "right below the first."
|
| + RenderBlock {HR} at (357.83,1200) size 39.34x2 [border: (1px inset #EEEEEE)]
|
| + RenderBlock {DIV} at (6,1210) size 410x226 [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 396x196
|
| + RenderText {#text} at (261,5) size 396x216
|
| text run at (261,5) width 140: "This is text within the"
|
| - text run at (261,21) width 37: "DIV. "
|
| - text run at (297,21) width 80: "The floating"
|
| + text run at (261,23) width 37: "DIV. "
|
| + text run at (297,23) width 80: "The floating"
|
| text run at (5,41) width 118: "images within this"
|
| - text run at (5,57) width 120: "DIV should not go"
|
| - text run at (5,73) width 114: "beyond the left or"
|
| - text run at (5,89) width 392: "right inner edge of this DIV, which means that the borders of"
|
| - text run at (5,105) width 393: "the floating images should not overlap the top or side borders"
|
| - text run at (5,121) width 152: "of the DIV in any way. "
|
| - text run at (156,121) width 229: "In addition, they should not overlap"
|
| - text run at (5,137) width 369: "each other in any way, nor should the floated elements be"
|
| - text run at (5,153) width 186: "overwritten by the DIV text. "
|
| - text run at (190,153) width 196: "In addition, the floated images"
|
| - text run at (5,169) width 366: "should not be side-by-side, but instead the first should be"
|
| - text run at (5,185) width 396: "floated left, and the second floated to the right below the first."
|
| - RenderBlock {HR} at (28,1354) size 562.25x2 [border: (1px inset #EEEEEE)]
|
| - RenderBlock {DIV} at (6,1380) size 743x122 [border: (5px solid #800080)]
|
| - RenderBlock (floating) {P} at (544,5) size 194x82 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
|
| - RenderText {#text} at (17,17) size 144x48
|
| + text run at (5,59) width 120: "DIV should not go"
|
| + text run at (5,77) width 388: "beyond the left or right inner edge of this DIV, which means"
|
| + text run at (5,95) width 391: "that the borders of the floating images should not overlap the"
|
| + text run at (5,113) width 276: "top or side borders of the DIV in any way. "
|
| + text run at (280,113) width 106: "In addition, they"
|
| + text run at (5,131) width 364: "should not overlap each other in any way, nor should the"
|
| + text run at (5,149) width 315: "floated elements be overwritten by the DIV text. "
|
| + text run at (319,149) width 74: "In addition,"
|
| + text run at (5,167) width 392: "the floated images should not be side-by-side, but instead the"
|
| + text run at (5,185) width 391: "first should be floated left, and the second floated to the right"
|
| + text run at (5,203) width 97: "below the first."
|
| + RenderBlock {HR} at (28,1460) size 562.25x2 [border: (1px inset #EEEEEE)]
|
| + RenderBlock {DIV} at (6,1486) size 743x118 [border: (5px solid #800080)]
|
| + RenderBlock (floating) {P} at (544,5) size 194x88 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
|
| + RenderText {#text} at (17,17) size 144x54
|
| text run at (17,17) width 144: "This is a right-floating"
|
| - text run at (17,33) width 116: "paragraph (first in"
|
| - text run at (17,49) width 52: "source)."
|
| - RenderBlock (floating) {P} at (5,5) size 194x82 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
|
| - RenderText {#text} at (17,17) size 135x48
|
| + text run at (17,35) width 116: "paragraph (first in"
|
| + text run at (17,53) width 52: "source)."
|
| + RenderBlock (floating) {P} at (5,5) size 194x88 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
|
| + RenderText {#text} at (17,17) size 135x54
|
| text run at (17,17) width 135: "This is a left-floating"
|
| - text run at (17,33) width 135: "paragraph (second in"
|
| - text run at (17,49) width 52: "source)."
|
| - RenderText {#text} at (199,5) size 537x112
|
| + text run at (17,35) width 135: "paragraph (second in"
|
| + text run at (17,53) width 52: "source)."
|
| + RenderText {#text} at (199,5) size 537x108
|
| text run at (199,5) width 180: "This is text within the DIV. "
|
| text run at (378,5) width 141: "The floating elements"
|
| - text run at (199,21) width 338: "within this DIV should not go beyond the top side of"
|
| - text run at (199,37) width 292: "this DIV, which means that the borders of the"
|
| - text run at (199,53) width 329: "floating elements should not overlap the top or side"
|
| - text run at (199,69) width 204: "borders of the DIV in any way. "
|
| - text run at (402,69) width 140: "In addition, the top of"
|
| - text run at (199,85) width 343: "the left-floating box should not be higher than the top"
|
| - text run at (5,101) width 159: "of the right-floating box."
|
| - RenderBlock {HR} at (357.83,1510) size 39.34x2 [border: (1px inset #EEEEEE)]
|
| - RenderBlock {DIV} at (6,1520) size 743x74 [border: (5px solid #800080)]
|
| + text run at (199,23) width 338: "within this DIV should not go beyond the top side of"
|
| + text run at (199,41) width 292: "this DIV, which means that the borders of the"
|
| + text run at (199,59) width 329: "floating elements should not overlap the top or side"
|
| + text run at (199,77) width 204: "borders of the DIV in any way. "
|
| + text run at (402,77) width 140: "In addition, the top of"
|
| + text run at (5,95) width 505: "the left-floating box should not be higher than the top of the right-floating box."
|
| + RenderBlock {HR} at (357.83,1612) size 39.34x2 [border: (1px inset #EEEEEE)]
|
| + RenderBlock {DIV} at (6,1622) size 743x82 [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 707x64
|
| + RenderText {#text} at (20,5) size 694x72
|
| text run at (20,5) width 180: "This is text within the DIV. "
|
| text run at (199,5) width 498: "The floating images within this DIV should not go beyond the top side of this"
|
| - text run at (20,21) width 679: "DIV, which means that the borders of the floating images should not overlap the top or side borders of the"
|
| - text run at (20,37) width 111: "DIV in any way. "
|
| - text run at (130,37) width 582: "In addition, the top of the left-floating image should not be higher than the top of the right-"
|
| - text run at (5,53) width 97: "floating image."
|
| - RenderBlock {HR} at (28,1618) size 562.25x2 [border: (1px inset #EEEEEE)]
|
| - RenderBlock {DIV} at (6,1644) size 743x122 [border: (5px solid #800080)]
|
| - RenderText {#text} at (199,5) size 188x16
|
| + text run at (20,23) width 679: "DIV, which means that the borders of the floating images should not overlap the top or side borders of the"
|
| + text run at (5,41) width 111: "DIV in any way. "
|
| + text run at (115,41) width 582: "In addition, the top of the left-floating image should not be higher than the top of the right-"
|
| + text run at (5,59) width 97: "floating image."
|
| + RenderBlock {HR} at (28,1728) size 562.25x2 [border: (1px inset #EEEEEE)]
|
| + RenderBlock {DIV} at (6,1754) size 743x136 [border: (5px solid #800080)]
|
| + RenderText {#text} at (199,5) size 188x18
|
| text run at (199,5) width 180: "This is text within the DIV. "
|
| text run at (378,5) width 9: "*"
|
| - RenderBlock (floating) {P} at (5,5) size 194x82 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
|
| - RenderText {#text} at (17,17) size 135x48
|
| + RenderBlock (floating) {P} at (5,5) size 194x88 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
|
| + RenderText {#text} at (17,17) size 135x54
|
| text run at (17,17) width 135: "This is a left-floating"
|
| - text run at (17,33) width 116: "paragraph (first in"
|
| - text run at (17,49) width 52: "source)."
|
| - RenderText {#text} at (386,5) size 528x32
|
| + text run at (17,35) width 116: "paragraph (first in"
|
| + text run at (17,53) width 52: "source)."
|
| + RenderText {#text} at (386,5) size 528x36
|
| text run at (386,5) width 341: " The floating elements within this DIV should not go"
|
| - text run at (199,21) width 515: "any higher than the line-box containing the inline content which precedes them. "
|
| - text run at (713,21) width 9: "*"
|
| - RenderBlock (floating) {P} at (544,37) size 194x82 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
|
| - RenderText {#text} at (17,17) size 144x48
|
| + text run at (199,23) width 515: "any higher than the line-box containing the inline content which precedes them. "
|
| + text run at (713,23) width 9: "*"
|
| + RenderBlock (floating) {P} at (544,41) size 194x88 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
|
| + RenderText {#text} at (17,17) size 144x54
|
| text run at (17,17) width 144: "This is a right-floating"
|
| - text run at (17,33) width 135: "paragraph (second in"
|
| - text run at (17,49) width 52: "source)."
|
| - RenderText {#text} at (199,37) size 526x80
|
| - text run at (199,37) width 328: "This means that the top side of each float can be, at"
|
| - text run at (199,53) width 321: "most, as high as the top edge of the inline element"
|
| - text run at (199,69) width 292: "containing the content just before the floating"
|
| - text run at (199,85) width 191: "elements occur in the source. "
|
| - text run at (389,85) width 142: "In order to mark these"
|
| - text run at (5,101) width 490: "points clearly, an asterisk has been inserted just before each floated element."
|
| - RenderBlock {HR} at (357.83,1774) size 39.34x2 [border: (1px inset #EEEEEE)]
|
| - RenderBlock {DIV} at (6,1784) size 743x90 [border: (5px solid #800080)]
|
| - RenderText {#text} at (20,5) size 188x16
|
| + text run at (17,35) width 135: "paragraph (second in"
|
| + text run at (17,53) width 52: "source)."
|
| + RenderText {#text} at (199,41) size 524x90
|
| + text run at (199,41) width 328: "This means that the top side of each float can be, at"
|
| + text run at (199,59) width 321: "most, as high as the top edge of the inline element"
|
| + text run at (199,77) width 292: "containing the content just before the floating"
|
| + text run at (5,95) width 191: "elements occur in the source. "
|
| + text run at (195,95) width 334: "In order to mark these points clearly, an asterisk has"
|
| + text run at (5,113) width 298: "been inserted just before each floated element."
|
| + RenderBlock {HR} at (357.83,1898) size 39.34x2 [border: (1px inset #EEEEEE)]
|
| + RenderBlock {DIV} at (6,1908) size 743x82 [border: (5px solid #800080)]
|
| + RenderText {#text} at (20,5) size 188x18
|
| text run at (20,5) width 180: "This is text within the DIV. "
|
| text run at (199,5) width 9: "*"
|
| RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #000000)]
|
| - RenderText {#text} at (207,5) size 700x32
|
| + RenderText {#text} at (207,5) size 700x36
|
| text run at (207,5) width 513: " The floating images within this DIV should not go any higher than the line-box"
|
| - text run at (20,21) width 330: "containing the inline content which precedes them. "
|
| - text run at (349,21) width 13: "* "
|
| - RenderImage {IMG} at (723,21) size 15x36 [border: (3px solid #000000)]
|
| - RenderText {#text} at (361,21) size 706x64
|
| - text run at (361,21) width 329: "This means that the top side of each float can be, at"
|
| - text run at (20,37) width 666: "most, as high as the top edge of the inline element containing the content just before the floating images"
|
| - text run at (5,53) width 130: "occur in the source. "
|
| - text run at (134,53) width 577: "In order to mark these points clearly, an asterisk has been inserted just before each floated"
|
| - text run at (5,69) width 44: "image."
|
| - RenderBlock {HR} at (28,1898) size 562.25x2 [border: (1px inset #EEEEEE)]
|
| - RenderBlock {DIV} at (6,1924) size 743x266 [border: (5px solid #800080)]
|
| - RenderText {#text} at (199,5) size 188x16
|
| + text run at (20,23) width 330: "containing the inline content which precedes them. "
|
| + text run at (349,23) width 13: "* "
|
| + RenderImage {IMG} at (723,23) size 15x36 [border: (3px solid #000000)]
|
| + RenderText {#text} at (361,23) size 713x54
|
| + text run at (361,23) width 329: "This means that the top side of each float can be, at"
|
| + text run at (5,41) width 705: "most, as high as the top edge of the inline element containing the content just before the floating images occur"
|
| + text run at (5,59) width 90: "in the source. "
|
| + text run at (94,59) width 624: "In order to mark these points clearly, an asterisk has been inserted just before each floated image."
|
| + RenderBlock {HR} at (28,2014) size 562.25x2 [border: (1px inset #EEEEEE)]
|
| + RenderBlock {DIV} at (6,2040) size 743x226 [border: (5px solid #800080)]
|
| + RenderText {#text} at (199,5) size 188x18
|
| text run at (199,5) width 180: "This is text within the DIV. "
|
| text run at (378,5) width 9: "*"
|
| - RenderBlock (floating) {P} at (5,5) size 194x82 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
|
| - RenderText {#text} at (17,17) size 135x48
|
| + RenderBlock (floating) {P} at (5,5) size 194x88 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
|
| + RenderText {#text} at (17,17) size 135x54
|
| text run at (17,17) width 135: "This is a left-floating"
|
| - text run at (17,33) width 116: "paragraph (first in"
|
| - text run at (17,49) width 52: "source)."
|
| - RenderText {#text} at (386,5) size 528x32
|
| + text run at (17,35) width 116: "paragraph (first in"
|
| + text run at (17,53) width 52: "source)."
|
| + RenderText {#text} at (386,5) size 528x36
|
| text run at (386,5) width 341: " The floating elements within this DIV should not go"
|
| - text run at (199,21) width 515: "any higher than the line-box containing the inline content which precedes them. "
|
| - text run at (713,21) width 9: "*"
|
| - RenderBlock (floating) {P} at (544,37) size 194x82 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
|
| - RenderText {#text} at (17,17) size 144x48
|
| + text run at (199,23) width 515: "any higher than the line-box containing the inline content which precedes them. "
|
| + text run at (713,23) width 9: "*"
|
| + RenderBlock (floating) {P} at (544,41) size 194x88 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
|
| + RenderText {#text} at (17,17) size 144x54
|
| text run at (17,17) width 144: "This is a right-floating"
|
| - text run at (17,33) width 135: "paragraph (second in"
|
| - text run at (17,49) width 52: "source)."
|
| - RenderText {#text} at (199,37) size 321x16
|
| - text run at (199,37) width 321: "This means that the top side of each float can be,*"
|
| - RenderBlock (floating) {P} at (199,53) size 194x82 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
|
| - RenderText {#text} at (17,17) size 135x48
|
| + text run at (17,35) width 135: "paragraph (second in"
|
| + text run at (17,53) width 52: "source)."
|
| + RenderText {#text} at (199,41) size 321x18
|
| + text run at (199,41) width 321: "This means that the top side of each float can be,*"
|
| + RenderBlock (floating) {P} at (199,59) size 194x88 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
|
| + RenderText {#text} at (17,17) size 135x54
|
| text run at (17,17) width 135: "This is a left-floating"
|
| - text run at (17,33) width 120: "paragraph (third in"
|
| - text run at (17,49) width 52: "source)."
|
| - RenderText {#text} at (519,37) size 292x112
|
| - text run at (519,37) width 16: " at"
|
| - text run at (393,53) width 151: "most, as high as the top"
|
| - text run at (393,69) width 112: "edge of the inline"
|
| - text run at (393,85) width 146: "element containing the"
|
| - text run at (393,101) width 143: "content just before the"
|
| - text run at (393,117) width 151: "floating elements occur"
|
| - text run at (587,133) width 90: "in the source. "
|
| - text run at (676,133) width 9: "*"
|
| - RenderBlock (floating) {P} at (393,133) size 194x82 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
|
| - RenderText {#text} at (17,17) size 135x48
|
| + text run at (17,35) width 120: "paragraph (third in"
|
| + text run at (17,53) width 52: "source)."
|
| + RenderText {#text} at (519,41) size 252x108
|
| + text run at (519,41) width 16: " at"
|
| + text run at (393,59) width 151: "most, as high as the top"
|
| + text run at (393,77) width 112: "edge of the inline"
|
| + text run at (393,95) width 146: "element containing the"
|
| + text run at (393,113) width 143: "content just before the"
|
| + text run at (393,131) width 244: "floating elements occur in the source. "
|
| + text run at (636,131) width 9: "*"
|
| + RenderBlock (floating) {P} at (5,149) size 194x88 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
|
| + RenderText {#text} at (17,17) size 135x54
|
| text run at (17,17) width 135: "This is a left-floating"
|
| - text run at (17,33) width 129: "paragraph (fourth in"
|
| - text run at (17,49) width 52: "source)."
|
| - RenderText {#text} at (684,133) size 721x128
|
| - text run at (684,133) width 19: " In"
|
| - text run at (587,149) width 124: "order to mark these"
|
| - text run at (587,165) width 110: "points clearly, an"
|
| - text run at (587,181) width 109: "asterisk has been"
|
| - text run at (587,197) width 123: "inserted just before"
|
| - text run at (587,213) width 137: "each floated element."
|
| - text run at (5,229) width 721: "If a line has room for a floated element, then the element should float so that its top is aligned with the top of the"
|
| - text run at (5,245) width 251: "line-box in which the asterisk appears. "
|
| - text run at (255,245) width 411: "Otherwise, its top should align with the top of the next line-box."
|
| - RenderBlock {HR} at (357.83,2198) size 39.34x2 [border: (1px inset #EEEEEE)]
|
| - RenderBlock {DIV} at (6,2208) size 743x122 [border: (5px solid #800080)]
|
| - RenderText {#text} at (20,5) size 188x16
|
| + text run at (17,35) width 129: "paragraph (fourth in"
|
| + text run at (17,53) width 52: "source)."
|
| + RenderText {#text} at (644,131) size 521x90
|
| + text run at (644,131) width 73: " In order to"
|
| + text run at (199,149) width 505: "mark these points clearly, an asterisk has been inserted just before each floated"
|
| + text run at (199,167) width 59: "element. "
|
| + text run at (257,167) width 463: "If a line has room for a floated element, then the element should float so"
|
| + text run at (199,185) width 505: "that its top is aligned with the top of the line-box in which the asterisk appears."
|
| + text run at (199,203) width 411: "Otherwise, its top should align with the top of the next line-box."
|
| + RenderBlock {HR} at (357.83,2277) size 39.34x2 [border: (1px inset #EEEEEE)]
|
| + RenderBlock {DIV} at (6,2287) size 743x118 [border: (5px solid #800080)]
|
| + RenderText {#text} at (20,5) size 188x18
|
| text run at (20,5) width 180: "This is text within the DIV. "
|
| text run at (199,5) width 9: "*"
|
| RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #000000)]
|
| - RenderText {#text} at (207,5) size 685x32
|
| + RenderText {#text} at (207,5) size 685x36
|
| text run at (207,5) width 513: " The floating images within this DIV should not go any higher than the line-box"
|
| - text run at (35,21) width 330: "containing the inline content which precedes them. "
|
| - text run at (364,21) width 13: "* "
|
| - RenderImage {IMG} at (723,21) size 15x36 [border: (3px solid #000000)]
|
| - RenderText {#text} at (376,21) size 326x16
|
| - text run at (376,21) width 318: "This means that the top side of each float can be, "
|
| - text run at (693,21) width 9: "*"
|
| - RenderImage {IMG} at (20,21) size 15x36 [border: (3px solid #000000)]
|
| - RenderText {#text} at (701,21) size 682x48
|
| - text run at (701,21) width 16: " at"
|
| - text run at (35,37) width 666: "most, as high as the top edge of the inline element containing the content just before the floating images"
|
| - text run at (50,53) width 130: "occur in the source. "
|
| - text run at (179,53) width 9: "*"
|
| - RenderImage {IMG} at (35,53) size 15x36 [border: (3px solid #000000)]
|
| - RenderText {#text} at (187,53) size 717x64
|
| - text run at (187,53) width 532: " In order to mark these points clearly, an asterisk has been inserted just before each"
|
| - text run at (50,69) width 96: "floated image. "
|
| - text run at (145,69) width 577: "If a line has room for a floated image, then the image should float so that its top is aligned"
|
| - text run at (50,85) width 372: "with the top of the line-box in which the asterisk appears. "
|
| - text run at (421,85) width 295: "Otherwise, its top should align with the top of"
|
| - text run at (5,101) width 113: "the next line-box."
|
| - RenderBlock {HR} at (28,2354) size 562.25x2 [border: (1px inset #EEEEEE)]
|
| - RenderBlock {DIV} at (6,2380) size 490x282 [border: (5px solid #800080)]
|
| - RenderText {#text} at (199,5) size 56x16
|
| + text run at (35,23) width 330: "containing the inline content which precedes them. "
|
| + text run at (364,23) width 13: "* "
|
| + RenderImage {IMG} at (723,23) size 15x36 [border: (3px solid #000000)]
|
| + RenderText {#text} at (376,23) size 326x18
|
| + text run at (376,23) width 318: "This means that the top side of each float can be, "
|
| + text run at (693,23) width 9: "*"
|
| + RenderImage {IMG} at (20,23) size 15x36 [border: (3px solid #000000)]
|
| + RenderText {#text} at (701,23) size 697x54
|
| + text run at (701,23) width 16: " at"
|
| + text run at (35,41) width 666: "most, as high as the top edge of the inline element containing the content just before the floating images"
|
| + text run at (20,59) width 130: "occur in the source. "
|
| + text run at (149,59) width 9: "*"
|
| + RenderImage {IMG} at (5,59) size 15x36 [border: (3px solid #000000)]
|
| + RenderText {#text} at (157,59) size 733x54
|
| + text run at (157,59) width 581: " In order to mark these points clearly, an asterisk has been inserted just before each floated"
|
| + text run at (20,77) width 48: "image. "
|
| + text run at (67,77) width 657: "If a line has room for a floated image, then the image should float so that its top is aligned with the top"
|
| + text run at (5,95) width 292: "of the line-box in which the asterisk appears. "
|
| + text run at (296,95) width 411: "Otherwise, its top should align with the top of the next line-box."
|
| + RenderBlock {HR} at (28,2429) size 562.25x2 [border: (1px inset #EEEEEE)]
|
| + RenderBlock {DIV} at (6,2455) size 490x298 [border: (5px solid #800080)]
|
| + RenderText {#text} at (199,5) size 56x18
|
| text run at (199,5) width 56: "This is *"
|
| - RenderBlock (floating) {P} at (5,5) size 194x82 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
|
| - RenderText {#text} at (17,17) size 135x48
|
| + RenderBlock (floating) {P} at (5,5) size 194x88 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
|
| + RenderText {#text} at (17,17) size 135x54
|
| text run at (17,17) width 135: "This is a left-floating"
|
| - text run at (17,33) width 116: "paragraph (first in"
|
| - text run at (17,49) width 52: "source)."
|
| - RenderText {#text} at (254,5) size 13x16
|
| + text run at (17,35) width 116: "paragraph (first in"
|
| + text run at (17,53) width 52: "source)."
|
| + RenderText {#text} at (254,5) size 13x18
|
| text run at (254,5) width 13: " *"
|
| - RenderBlock (floating) {P} at (291,5) size 194x82 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
|
| - RenderText {#text} at (17,17) size 144x48
|
| + RenderBlock (floating) {P} at (291,5) size 194x88 [bgcolor=#C0C0C0] [border: (1px solid #00FF00)]
|
| + RenderText {#text} at (17,17) size 144x54
|
| text run at (17,17) width 144: "This is a right-floating"
|
| - text run at (17,33) width 135: "paragraph (second in"
|
| - text run at (17,49) width 52: "source)."
|
| - RenderText {#text} at (199,21) size 475x256
|
| - text run at (199,21) width 69: "text within"
|
| - text run at (199,37) width 56: "the DIV."
|
| - text run at (199,53) width 85: "Under CSS1,"
|
| - text run at (199,69) width 45: "the left"
|
| - text run at (199,85) width 50: "floating"
|
| - text run at (5,101) width 441: "element should be placed in the upper left corner of the DIV, and the"
|
| - text run at (5,117) width 442: "purple border of the DIV should abut the green border of the floating"
|
| - text run at (5,133) width 59: "element. "
|
| - text run at (63,133) width 382: "Similarly, the right floating element should be placed in the"
|
| + text run at (17,35) width 135: "paragraph (second in"
|
| + text run at (17,53) width 52: "source)."
|
| + RenderText {#text} at (199,23) size 475x270
|
| + text run at (199,23) width 69: "text within"
|
| + text run at (199,41) width 56: "the DIV."
|
| + text run at (199,59) width 85: "Under CSS1,"
|
| + text run at (199,77) width 45: "the left"
|
| + text run at (5,95) width 471: "floating element should be placed in the upper left corner of the DIV, and"
|
| + text run at (5,113) width 466: "the purple border of the DIV should abut the green border of the floating"
|
| + text run at (5,131) width 59: "element. "
|
| + text run at (63,131) width 382: "Similarly, the right floating element should be placed in the"
|
| text run at (5,149) width 455: "upper right corner of the DIV, and the purple border of the DIV should"
|
| - text run at (5,165) width 475: "abut the green border of the floating element. The text of the DIV element"
|
| - text run at (5,181) width 428: "should flow between and under the two floating elements. The two"
|
| - text run at (5,197) width 470: "asterisk characters mark the insertion points of the floating elements. It is"
|
| - text run at (5,213) width 474: "expected that, under future specifications, it may be acceptable for the top"
|
| - text run at (5,229) width 444: "of floated elements to align with the top of the line-box following the"
|
| - text run at (5,245) width 475: "insertion point of the floated element to avoid floating elements appearing"
|
| - text run at (5,261) width 342: "before text which precedes it in the source document."
|
| - RenderBlock {HR} at (357.83,2670) size 39.34x2 [border: (1px inset #EEEEEE)]
|
| - RenderBlock {DIV} at (6,2680) size 490x202 [border: (5px solid #800080)]
|
| - RenderText {#text} at (20,5) size 56x16
|
| + text run at (5,167) width 475: "abut the green border of the floating element. The text of the DIV element"
|
| + text run at (5,185) width 428: "should flow between and under the two floating elements. The two"
|
| + text run at (5,203) width 470: "asterisk characters mark the insertion points of the floating elements. It is"
|
| + text run at (5,221) width 474: "expected that, under future specifications, it may be acceptable for the top"
|
| + text run at (5,239) width 444: "of floated elements to align with the top of the line-box following the"
|
| + text run at (5,257) width 475: "insertion point of the floated element to avoid floating elements appearing"
|
| + text run at (5,275) width 342: "before text which precedes it in the source document."
|
| + RenderBlock {HR} at (357.83,2761) size 39.34x2 [border: (1px inset #EEEEEE)]
|
| + RenderBlock {DIV} at (6,2771) size 490x226 [border: (5px solid #800080)]
|
| + RenderText {#text} at (20,5) size 56x18
|
| text run at (20,5) width 56: "This is *"
|
| RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #000000)]
|
| - RenderText {#text} at (75,5) size 13x16
|
| + RenderText {#text} at (75,5) size 13x18
|
| text run at (75,5) width 13: " *"
|
| RenderImage {IMG} at (470,5) size 15x36 [border: (3px solid #000000)]
|
| - RenderText {#text} at (87,5) size 475x192
|
| + RenderText {#text} at (87,5) size 475x216
|
| text run at (87,5) width 137: " text within the DIV. "
|
| text run at (223,5) width 232: "Under CSS1, the left floating image"
|
| - text run at (20,21) width 431: "should be placed in the upper left corner of the DIV, and the purple"
|
| - text run at (20,37) width 444: "border of the DIV should abut the green border of the floating image."
|
| - text run at (5,53) width 445: "Similarly, the right floating image should be placed in the upper right"
|
| - text run at (5,69) width 475: "corner of the DIV, and the purple border of the DIV should abut the green"
|
| - text run at (5,85) width 449: "border of the floating image. The text of the DIV element should flow"
|
| - text run at (5,101) width 452: "between and under the two floating image. The two asterisk characters"
|
| - text run at (5,117) width 306: "mark the insertion points of the floating image. "
|
| - text run at (310,117) width 158: "It is expected that, under"
|
| - text run at (5,133) width 467: "future specifications, it may be acceptable for the top of floated elements"
|
| - text run at (5,149) width 455: "to align with the top of the line-box following the insertion point of the"
|
| - text run at (5,165) width 453: "floated element to avoid floating elements appearing before text which"
|
| - text run at (5,181) width 226: "precedes it in the source document."
|
| - RenderBlock {HR} at (28,2906) size 562.25x2 [border: (1px inset #EEEEEE)]
|
| + text run at (20,23) width 431: "should be placed in the upper left corner of the DIV, and the purple"
|
| + text run at (5,41) width 444: "border of the DIV should abut the green border of the floating image."
|
| + text run at (5,59) width 445: "Similarly, the right floating image should be placed in the upper right"
|
| + text run at (5,77) width 475: "corner of the DIV, and the purple border of the DIV should abut the green"
|
| + text run at (5,95) width 449: "border of the floating image. The text of the DIV element should flow"
|
| + text run at (5,113) width 452: "between and under the two floating image. The two asterisk characters"
|
| + text run at (5,131) width 306: "mark the insertion points of the floating image. "
|
| + text run at (310,131) width 158: "It is expected that, under"
|
| + text run at (5,149) width 467: "future specifications, it may be acceptable for the top of floated elements"
|
| + text run at (5,167) width 455: "to align with the top of the line-box following the insertion point of the"
|
| + text run at (5,185) width 453: "floated element to avoid floating elements appearing before text which"
|
| + text run at (5,203) width 226: "precedes it in the source document."
|
| + RenderBlock {HR} at (28,3021) size 562.25x2 [border: (1px inset #EEEEEE)]
|
|
|
Chromium Code Reviews
