Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(79)

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: LayoutTests/platform/mac/css1/formatting_model/floating_elements-expected.txt

Issue 891973004: Auto-rebaseline for r189636 (Closed) Base URL: svn://svn.chromium.org/blink/trunk
Patch Set: Created 5 years, 10 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch | Annotate | Revision Log
« no previous file with comments | « LayoutTests/platform/mac/css1/formatting_model/floating_elements-expected.png ('k') | LayoutTests/platform/mac/css1/formatting_model/height_of_lines-expected.png » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 layer at (0,0) size 800x600 clip at (0,0) size 785x600 scrollHeight 6038 1 layer at (0,0) size 800x600 clip at (0,0) size 785x600 scrollHeight 6353
2 RenderView at (0,0) size 800x600 2 RenderView at (0,0) size 800x600
3 layer at (0,0) size 785x6038 backgroundClip at (0,0) size 785x600 clip at (0,0) size 785x600 outlineClip at (0,0) size 785x600 3 layer at (0,0) size 785x6353 backgroundClip at (0,0) size 785x600 clip at (0,0) size 785x600 outlineClip at (0,0) size 785x600
4 RenderBlock {HTML} at (0,0) size 785x6038 4 RenderBlock {HTML} at (0,0) size 785x6353
5 RenderBody {BODY} at (8,8) size 769x6022 [bgcolor=#CCCCCC] 5 RenderBody {BODY} at (8,8) size 769x6337 [bgcolor=#CCCCCC]
6 RenderBlock {P} at (0,0) size 769x16 6 RenderBlock {P} at (0,0) size 769x18
7 RenderText {#text} at (0,0) size 363x16 7 RenderText {#text} at (0,0) size 363x18
8 text run at (0,0) width 363: "The style declarations which apply to th e text below are:" 8 text run at (0,0) width 363: "The style declarations which apply to th e text below are:"
9 RenderBlock {PRE} at (0,32) size 769x117 9 RenderBlock {PRE} at (0,34) size 769x135
10 RenderText {#text} at (0,0) size 469x117 10 RenderText {#text} at (0,0) size 469x135
11 text run at (0,0) width 266: "HR.minor {clear: both; width: 5%;}" 11 text run at (0,0) width 266: "HR.minor {clear: both; width: 5%;}"
12 text run at (265,0) width 1: " " 12 text run at (265,0) width 1: " "
13 text run at (0,13) width 391: "HR.major {clear: both; width: 75%; marg in: 1.5em;}" 13 text run at (0,15) width 391: "HR.major {clear: both; width: 75%; marg in: 1.5em;}"
14 text run at (390,13) width 1: " " 14 text run at (390,15) width 1: " "
15 text run at (0,26) width 469: "DIV {border: 5px solid purple; padding: 0; margin: 0.125em;}" 15 text run at (0,30) width 469: "DIV {border: 5px solid purple; padding: 0; margin: 0.125em;}"
16 text run at (468,26) width 1: " " 16 text run at (468,30) width 1: " "
17 text run at (0,39) width 422: "P.left, P.right {width: 10em; padding: 1em; margin: 0;" 17 text run at (0,45) width 422: "P.left, P.right {width: 10em; padding: 1em; margin: 0;"
18 text run at (421,39) width 1: " " 18 text run at (421,45) width 1: " "
19 text run at (0,52) width 414: " border: 1px solid lime; background-c olor: silver;}" 19 text run at (0,60) width 414: " border: 1px solid lime; background-c olor: silver;}"
20 text run at (413,52) width 1: " " 20 text run at (413,60) width 1: " "
21 text run at (0,65) width 445: "IMG.left, IMG.right {margin: 0; border: 3px solid black;}" 21 text run at (0,75) width 445: "IMG.left, IMG.right {margin: 0; border: 3px solid black;}"
22 text run at (444,65) width 1: " " 22 text run at (444,75) width 1: " "
23 text run at (0,78) width 157: ".left {float: left;}" 23 text run at (0,90) width 157: ".left {float: left;}"
24 text run at (156,78) width 1: " " 24 text run at (156,90) width 1: " "
25 text run at (0,91) width 172: ".right {float: right;}" 25 text run at (0,105) width 172: ".right {float: right;}"
26 text run at (171,91) width 1: " " 26 text run at (171,105) width 1: " "
27 text run at (0,104) width 0: " " 27 text run at (0,120) width 0: " "
28 RenderBlock {HR} at (0,162) size 769x2 [border: (1px inset #EEEEEE)] 28 RenderBlock {HR} at (0,182) size 769x2 [border: (1px inset #EEEEEE)]
29 RenderBlock {P} at (0,180) size 769x48 29 RenderBlock {P} at (0,200) size 769x54
30 RenderText {#text} at (0,0) size 764x48 30 RenderText {#text} at (0,0) size 764x54
31 text run at (0,0) width 696: "On this test page, each test is performe d once with floating paragraphs, and then again with floating images. " 31 text run at (0,0) width 696: "On this test page, each test is performe d once with floating paragraphs, and then again with floating images. "
32 text run at (695,0) width 69: "Other than" 32 text run at (695,0) width 69: "Other than"
33 text run at (0,16) width 729: "the substitution of images for pargraph s, the structure of the test is exactly the same, including the direction of the " 33 text run at (0,18) width 729: "the substitution of images for pargraph s, the structure of the test is exactly the same, including the direction of the "
34 text run at (0,32) width 40: "floats." 34 text run at (0,36) width 40: "floats."
35 RenderBlock {HR} at (24,252) size 578.75x2 [border: (1px inset #EEEEEE)] 35 RenderBlock {HR} at (24,278) size 578.75x2 [border: (1px inset #EEEEEE)]
36 RenderBlock {DIV} at (2,278) size 765x90 [border: (5px solid #800080)] 36 RenderBlock {DIV} at (2,304) size 765x100 [border: (5px solid #800080)]
37 RenderBlock (floating) {P} at (5,5) size 194x82 [bgcolor=#C0C0C0] [borde r: (1px solid #00FF00)] 37 RenderBlock (floating) {P} at (5,5) size 194x88 [bgcolor=#C0C0C0] [borde r: (1px solid #00FF00)]
38 RenderText {#text} at (17,17) size 135x48 38 RenderText {#text} at (17,17) size 135x54
39 text run at (17,17) width 135: "This is a left-floating" 39 text run at (17,17) width 135: "This is a left-floating"
40 text run at (17,33) width 116: "paragraph (first in" 40 text run at (17,35) width 116: "paragraph (first in"
41 text run at (17,49) width 52: "source)." 41 text run at (17,53) width 52: "source)."
42 RenderBlock (floating) {P} at (566,5) size 194x82 [bgcolor=#C0C0C0] [bor der: (1px solid #00FF00)] 42 RenderBlock (floating) {P} at (566,5) size 194x88 [bgcolor=#C0C0C0] [bor der: (1px solid #00FF00)]
43 RenderText {#text} at (17,17) size 144x48 43 RenderText {#text} at (17,17) size 144x54
44 text run at (17,17) width 144: "This is a right-floating" 44 text run at (17,17) width 144: "This is a right-floating"
45 text run at (17,33) width 135: "paragraph (second in" 45 text run at (17,35) width 135: "paragraph (second in"
46 text run at (17,49) width 52: "source)." 46 text run at (17,53) width 52: "source)."
47 RenderText {#text} at (199,5) size 365x80 47 RenderText {#text} at (199,5) size 365x90
48 text run at (199,5) width 180: "This is text within the DIV. " 48 text run at (199,5) width 180: "This is text within the DIV. "
49 text run at (378,5) width 186: "The floating elements within" 49 text run at (378,5) width 186: "The floating elements within"
50 text run at (199,21) width 336: "this DIV should not go beyond the lef t or right inner" 50 text run at (199,23) width 336: "this DIV should not go beyond the lef t or right inner"
51 text run at (199,37) width 344: "edge of this DIV, which means that th e borders of the" 51 text run at (199,41) width 344: "edge of this DIV, which means that th e borders of the"
52 text run at (199,53) width 329: "floating elements should not overlap the top or side" 52 text run at (199,59) width 329: "floating elements should not overlap the top or side"
53 text run at (199,69) width 126: "borders of the DIV." 53 text run at (199,77) width 126: "borders of the DIV."
54 RenderBlock {HR} at (364.28,376) size 40.44x2 [border: (1px inset #EEEEEE) ] 54 RenderBlock {HR} at (364.28,412) size 40.44x2 [border: (1px inset #EEEEEE) ]
55 RenderBlock {DIV} at (2,386) size 765x58 [border: (5px solid #800080)] 55 RenderBlock {DIV} at (2,422) size 765x64 [border: (5px solid #800080)]
56 RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #000000)] 56 RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #000000)]
57 RenderImage {IMG} at (745,5) size 15x36 [border: (3px solid #000000)] 57 RenderImage {IMG} at (745,5) size 15x36 [border: (3px solid #000000)]
58 RenderText {#text} at (20,5) size 717x48 58 RenderText {#text} at (20,5) size 732x54
59 text run at (20,5) width 180: "This is text within the DIV. " 59 text run at (20,5) width 180: "This is text within the DIV. "
60 text run at (199,5) width 513: "The floating images within this DIV sh ould not go beyond the left or right inner" 60 text run at (199,5) width 513: "The floating images within this DIV sh ould not go beyond the left or right inner"
61 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" 61 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"
62 text run at (20,37) width 74: "of the DIV." 62 text run at (5,41) width 74: "of the DIV."
63 RenderBlock {HR} at (24,468) size 578.75x2 [border: (1px inset #EEEEEE)] 63 RenderBlock {HR} at (24,510) size 578.75x2 [border: (1px inset #EEEEEE)]
64 RenderBlock {DIV} at (2,494) size 442x218 [border: (5px solid #800080)] 64 RenderBlock {DIV} at (2,536) size 442x226 [border: (5px solid #800080)]
65 RenderBlock (floating) {P} at (5,5) size 194x66 [bgcolor=#C0C0C0] [borde r: (1px solid #00FF00)] 65 RenderBlock (floating) {P} at (5,5) size 194x70 [bgcolor=#C0C0C0] [borde r: (1px solid #00FF00)]
66 RenderText {#text} at (17,17) size 128x32 66 RenderText {#text} at (17,17) size 128x36
67 text run at (17,17) width 128: "This is the first left-" 67 text run at (17,17) width 128: "This is the first left-"
68 text run at (17,33) width 122: "floating paragraph." 68 text run at (17,35) width 122: "floating paragraph."
69 RenderBlock (floating) {P} at (199,5) size 194x66 [bgcolor=#C0C0C0] [bor der: (1px solid #00FF00)] 69 RenderBlock (floating) {P} at (199,5) size 194x70 [bgcolor=#C0C0C0] [bor der: (1px solid #00FF00)]
70 RenderText {#text} at (17,17) size 146x32 70 RenderText {#text} at (17,17) size 146x36
71 text run at (17,17) width 146: "This is the second left-" 71 text run at (17,17) width 146: "This is the second left-"
72 text run at (17,33) width 122: "floating paragraph." 72 text run at (17,35) width 122: "floating paragraph."
73 RenderBlock (floating) {P} at (5,71) size 194x66 [bgcolor=#C0C0C0] [bord er: (1px solid #00FF00)] 73 RenderBlock (floating) {P} at (5,75) size 194x70 [bgcolor=#C0C0C0] [bord er: (1px solid #00FF00)]
74 RenderText {#text} at (17,17) size 132x32 74 RenderText {#text} at (17,17) size 132x36
75 text run at (17,17) width 132: "This is the third left-" 75 text run at (17,17) width 132: "This is the third left-"
76 text run at (17,33) width 122: "floating paragraph." 76 text run at (17,35) width 122: "floating paragraph."
77 RenderText {#text} at (393,5) size 432x208 77 RenderText {#text} at (393,5) size 432x216
78 text run at (393,5) width 44: "This is" 78 text run at (393,5) width 44: "This is"
79 text run at (393,21) width 24: "text" 79 text run at (393,23) width 24: "text"
80 text run at (393,37) width 41: "within" 80 text run at (393,41) width 41: "within"
81 text run at (393,53) width 20: "the" 81 text run at (393,59) width 20: "the"
82 text run at (393,69) width 33: "DIV." 82 text run at (199,77) width 37: "DIV. "
83 text run at (199,85) width 212: "The floating elements within this" 83 text run at (235,77) width 185: "The floating elements within"
84 text run at (199,101) width 237: "DIV should not go beyond the left or " 84 text run at (199,95) width 222: "this DIV should not go beyond the"
85 text run at (199,117) width 226: "right inner edge of this DIV, which" 85 text run at (199,113) width 225: "left or right inner edge of this DIV ,"
86 text run at (199,133) width 186: "means that the borders of the" 86 text run at (199,131) width 229: "which means that the borders of the"
87 text run at (5,149) width 422: "floating elements should not overlap t he top or side borders of the" 87 text run at (5,149) width 422: "floating elements should not overlap t he top or side borders of the"
88 text run at (5,165) width 111: "DIV in any way. " 88 text run at (5,167) width 111: "DIV in any way. "
89 text run at (115,165) width 304: "In addition, they should not overlap each other." 89 text run at (115,167) width 304: "In addition, they should not overlap each other."
90 text run at (5,181) width 432: "The first two should be side by side, whereas the third should be on" 90 text run at (5,185) width 432: "The first two should be side by side, whereas the third should be on"
91 text run at (5,197) width 97: "the next \"line.\"" 91 text run at (5,203) width 97: "the next \"line.\""
92 RenderBlock {HR} at (364.28,720) size 40.44x2 [border: (1px inset #EEEEEE) ] 92 RenderBlock {HR} at (364.28,770) size 40.44x2 [border: (1px inset #EEEEEE) ]
93 RenderBlock {DIV} at (2,730) size 360x186 [border: (5px solid #800080)] 93 RenderBlock {DIV} at (2,780) size 360x208 [border: (5px solid #800080)]
94 RenderImage {IMG} at (5,5) size 156x36 [border: (3px solid #000000)] 94 RenderImage {IMG} at (5,5) size 156x36 [border: (3px solid #000000)]
95 RenderImage {IMG} at (161,5) size 156x36 [border: (3px solid #000000)] 95 RenderImage {IMG} at (161,5) size 156x36 [border: (3px solid #000000)]
96 RenderImage {IMG} at (5,41) size 156x36 [border: (3px solid #000000)] 96 RenderImage {IMG} at (5,41) size 156x36 [border: (3px solid #000000)]
97 RenderText {#text} at (317,5) size 346x176 97 RenderText {#text} at (317,5) size 346x198
98 text run at (317,5) width 29: "This" 98 text run at (317,5) width 29: "This"
99 text run at (317,21) width 11: "is" 99 text run at (317,23) width 11: "is"
100 text run at (317,37) width 24: "text" 100 text run at (161,41) width 133: "text within the DIV. "
101 text run at (161,53) width 105: "within the DIV. " 101 text run at (293,41) width 26: "The"
102 text run at (265,53) width 80: "The floating" 102 text run at (161,59) width 172: "floating images within this"
103 text run at (161,69) width 150: "images within this DIV" 103 text run at (5,77) width 343: "DIV should not go beyond the left or ri ght inner edge"
104 text run at (5,85) width 328: "should not go beyond the left or right inner edge of" 104 text run at (5,95) width 310: "of this DIV, which means that the borde rs of the"
105 text run at (5,101) width 346: "this DIV, which means that the borders of the floating" 105 text run at (5,113) width 318: "floating images should not overlap the top or side"
106 text run at (5,117) width 333: "images should not overlap the top or s ide borders of" 106 text run at (5,131) width 204: "borders of the DIV in any way. "
107 text run at (5,133) width 135: "the DIV in any way. " 107 text run at (208,131) width 106: "In addition, they"
108 text run at (139,133) width 177: "In addition, they should not" 108 text run at (5,149) width 198: "should not overlap each other. "
109 text run at (5,149) width 127: "overlap each other. " 109 text run at (202,149) width 149: "The first two should be"
110 text run at (131,149) width 199: "The first two should be side by" 110 text run at (5,167) width 335: "side by side, whereas the third should be on the next"
111 text run at (5,165) width 330: "side, whereas the third should be on t he next \"line.\"" 111 text run at (5,185) width 42: "\"line.\""
112 RenderBlock {HR} at (24,940) size 578.75x2 [border: (1px inset #EEEEEE)] 112 RenderBlock {HR} at (24,1012) size 578.75x2 [border: (1px inset #EEEEEE)]
113 RenderBlock {DIV} at (2,966) size 314x316 [border: (5px solid #800080)] 113 RenderBlock {DIV} at (2,1038) size 314x350 [border: (5px solid #800080)]
114 RenderBlock (floating) {P} at (5,5) size 194x82 [bgcolor=#C0C0C0] [borde r: (1px solid #00FF00)] 114 RenderBlock (floating) {P} at (5,5) size 194x88 [bgcolor=#C0C0C0] [borde r: (1px solid #00FF00)]
115 RenderText {#text} at (17,17) size 135x48 115 RenderText {#text} at (17,17) size 135x54
116 text run at (17,17) width 135: "This is a left-floating" 116 text run at (17,17) width 135: "This is a left-floating"
117 text run at (17,33) width 116: "paragraph (first in" 117 text run at (17,35) width 116: "paragraph (first in"
118 text run at (17,49) width 52: "source)." 118 text run at (17,53) width 52: "source)."
119 RenderBlock (floating) {P} at (115,87) size 194x82 [bgcolor=#C0C0C0] [bo rder: (1px solid #00FF00)] 119 RenderBlock (floating) {P} at (115,93) size 194x88 [bgcolor=#C0C0C0] [bo rder: (1px solid #00FF00)]
120 RenderText {#text} at (17,17) size 144x48 120 RenderText {#text} at (17,17) size 144x54
121 text run at (17,17) width 144: "This is a right-floating" 121 text run at (17,17) width 144: "This is a right-floating"
122 text run at (17,33) width 135: "paragraph (second in" 122 text run at (17,35) width 135: "paragraph (second in"
123 text run at (17,49) width 52: "source)." 123 text run at (17,53) width 52: "source)."
124 RenderText {#text} at (199,5) size 300x306 124 RenderText {#text} at (199,5) size 302x340
125 text run at (199,5) width 72: "This is text" 125 text run at (199,5) width 72: "This is text"
126 text run at (199,21) width 101: "within the DIV." 126 text run at (199,23) width 101: "within the DIV."
127 text run at (199,37) width 79: "The floating" 127 text run at (199,41) width 79: "The floating"
128 text run at (199,53) width 102: "elements within" 128 text run at (199,59) width 102: "elements within"
129 text run at (199,69) width 103: "this DIV should" 129 text run at (5,93) width 103: "this DIV should"
130 text run at (5,87) width 92: "not go beyond" 130 text run at (5,111) width 92: "not go beyond"
131 text run at (5,103) width 97: "the left or right" 131 text run at (5,129) width 97: "the left or right"
132 text run at (5,119) width 85: "inner edge of" 132 text run at (5,147) width 85: "inner edge of"
133 text run at (5,135) width 103: "this DIV, which" 133 text run at (5,165) width 103: "this DIV, which"
134 text run at (5,151) width 93: "means that the" 134 text run at (5,183) width 300: "means that the borders of the floating elements"
135 text run at (5,167) width 89: "borders of the" 135 text run at (5,201) width 284: "should not overlap the top or side bor ders of"
136 text run at (5,183) width 300: "floating elements should not overlap t he top or" 136 text run at (5,219) width 135: "the DIV in any way. "
137 text run at (5,199) width 234: "side borders of the DIV in any way. " 137 text run at (139,219) width 153: "In addition, they should"
138 text run at (238,199) width 14: "In" 138 text run at (5,237) width 293: "not overlap each other in any way, nor should"
139 text run at (5,215) width 298: "addition, they should not overlap each other in" 139 text run at (5,255) width 302: "the floated elements be overwritten by the DIV"
140 text run at (5,231) width 282: "any way, nor should the floated elemen ts be" 140 text run at (5,273) width 32: "text. "
141 text run at (5,247) width 186: "overwritten by the DIV text. " 141 text run at (36,273) width 255: "In addition, the floated elements sho uld"
142 text run at (190,247) width 99: "In addition, the" 142 text run at (5,291) width 300: "not be side-by-side, but instead the f irst should"
143 text run at (5,263) width 282: "floated elements should not be side-by -side," 143 text run at (5,309) width 281: "be floated left, and the second floate d to the"
144 text run at (5,279) width 294: "but instead the first should be floate d left, and" 144 text run at (5,327) width 131: "right below the first."
145 text run at (5,295) width 292: "the second floated to the right below the first." 145 RenderBlock {HR} at (364.28,1396) size 40.44x2 [border: (1px inset #EEEEEE )]
146 RenderBlock {HR} at (364.28,1290) size 40.44x2 [border: (1px inset #EEEEEE )] 146 RenderBlock {DIV} at (2,1406) size 410x226 [border: (5px solid #800080)]
147 RenderBlock {DIV} at (2,1300) size 410x206 [border: (5px solid #800080)]
148 RenderImage {IMG} at (5,5) size 256x36 [border: (3px solid #000000)] 147 RenderImage {IMG} at (5,5) size 256x36 [border: (3px solid #000000)]
149 RenderImage {IMG} at (149,41) size 256x36 [border: (3px solid #000000)] 148 RenderImage {IMG} at (149,41) size 256x36 [border: (3px solid #000000)]
150 RenderText {#text} at (261,5) size 396x196 149 RenderText {#text} at (261,5) size 396x216
151 text run at (261,5) width 140: "This is text within the" 150 text run at (261,5) width 140: "This is text within the"
152 text run at (261,21) width 37: "DIV. " 151 text run at (261,23) width 37: "DIV. "
153 text run at (297,21) width 80: "The floating" 152 text run at (297,23) width 80: "The floating"
154 text run at (5,41) width 118: "images within this" 153 text run at (5,41) width 118: "images within this"
155 text run at (5,57) width 120: "DIV should not go" 154 text run at (5,59) width 120: "DIV should not go"
156 text run at (5,73) width 114: "beyond the left or" 155 text run at (5,77) width 388: "beyond the left or right inner edge of this DIV, which means"
157 text run at (5,89) width 392: "right inner edge of this DIV, which mea ns that the borders of" 156 text run at (5,95) width 391: "that the borders of the floating images should not overlap the"
158 text run at (5,105) width 393: "the floating images should not overlap the top or side borders" 157 text run at (5,113) width 276: "top or side borders of the DIV in any way. "
159 text run at (5,121) width 152: "of the DIV in any way. " 158 text run at (280,113) width 106: "In addition, they"
160 text run at (156,121) width 229: "In addition, they should not overlap " 159 text run at (5,131) width 364: "should not overlap each other in any w ay, nor should the"
161 text run at (5,137) width 369: "each other in any way, nor should the floated elements be" 160 text run at (5,149) width 315: "floated elements be overwritten by the DIV text. "
162 text run at (5,153) width 186: "overwritten by the DIV text. " 161 text run at (319,149) width 74: "In addition,"
163 text run at (190,153) width 196: "In addition, the floated images" 162 text run at (5,167) width 392: "the floated images should not be side- by-side, but instead the"
164 text run at (5,169) width 366: "should not be side-by-side, but instea d the first should be" 163 text run at (5,185) width 391: "first should be floated left, and the second floated to the right"
165 text run at (5,185) width 396: "floated left, and the second floated t o the right below the first." 164 text run at (5,203) width 97: "below the first."
166 RenderBlock {HR} at (24,1530) size 578.75x2 [border: (1px inset #EEEEEE)] 165 RenderBlock {HR} at (24,1656) size 578.75x2 [border: (1px inset #EEEEEE)]
167 RenderBlock {DIV} at (2,1556) size 765x122 [border: (5px solid #800080)] 166 RenderBlock {DIV} at (2,1682) size 765x118 [border: (5px solid #800080)]
168 RenderBlock (floating) {P} at (566,5) size 194x82 [bgcolor=#C0C0C0] [bor der: (1px solid #00FF00)] 167 RenderBlock (floating) {P} at (566,5) size 194x88 [bgcolor=#C0C0C0] [bor der: (1px solid #00FF00)]
169 RenderText {#text} at (17,17) size 144x48 168 RenderText {#text} at (17,17) size 144x54
170 text run at (17,17) width 144: "This is a right-floating" 169 text run at (17,17) width 144: "This is a right-floating"
171 text run at (17,33) width 116: "paragraph (first in" 170 text run at (17,35) width 116: "paragraph (first in"
172 text run at (17,49) width 52: "source)." 171 text run at (17,53) width 52: "source)."
173 RenderBlock (floating) {P} at (5,5) size 194x82 [bgcolor=#C0C0C0] [borde r: (1px solid #00FF00)] 172 RenderBlock (floating) {P} at (5,5) size 194x88 [bgcolor=#C0C0C0] [borde r: (1px solid #00FF00)]
174 RenderText {#text} at (17,17) size 135x48 173 RenderText {#text} at (17,17) size 135x54
175 text run at (17,17) width 135: "This is a left-floating" 174 text run at (17,17) width 135: "This is a left-floating"
176 text run at (17,33) width 135: "paragraph (second in" 175 text run at (17,35) width 135: "paragraph (second in"
177 text run at (17,49) width 52: "source)." 176 text run at (17,53) width 52: "source)."
178 RenderText {#text} at (199,5) size 559x112 177 RenderText {#text} at (199,5) size 559x108
179 text run at (199,5) width 180: "This is text within the DIV. " 178 text run at (199,5) width 180: "This is text within the DIV. "
180 text run at (378,5) width 186: "The floating elements within" 179 text run at (378,5) width 186: "The floating elements within"
181 text run at (199,21) width 357: "this DIV should not go beyond the top side of this DIV," 180 text run at (199,23) width 357: "this DIV should not go beyond the top side of this DIV,"
182 text run at (199,37) width 344: "which means that the borders of the f loating elements" 181 text run at (199,41) width 344: "which means that the borders of the f loating elements"
183 text run at (199,53) width 356: "should not overlap the top or side bo rders of the DIV in" 182 text run at (199,59) width 356: "should not overlap the top or side bo rders of the DIV in"
184 text run at (199,69) width 62: "any way. " 183 text run at (199,77) width 62: "any way. "
185 text run at (260,69) width 272: "In addition, the top of the left-floa ting box" 184 text run at (260,77) width 272: "In addition, the top of the left-floa ting box"
186 text run at (199,85) width 341: "should not be higher than the top of the right-floating" 185 text run at (5,95) width 373: "should not be higher than the top of th e right-floating box."
187 text run at (5,101) width 28: "box." 186 RenderBlock {HR} at (364.28,1808) size 40.44x2 [border: (1px inset #EEEEEE )]
188 RenderBlock {HR} at (364.28,1686) size 40.44x2 [border: (1px inset #EEEEEE )] 187 RenderBlock {DIV} at (2,1818) size 765x64 [border: (5px solid #800080)]
189 RenderBlock {DIV} at (2,1696) size 765x58 [border: (5px solid #800080)]
190 RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #000000)] 188 RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #000000)]
191 RenderImage {IMG} at (745,5) size 15x36 [border: (3px solid #000000)] 189 RenderImage {IMG} at (745,5) size 15x36 [border: (3px solid #000000)]
192 RenderText {#text} at (20,5) size 719x48 190 RenderText {#text} at (20,5) size 734x54
193 text run at (20,5) width 180: "This is text within the DIV. " 191 text run at (20,5) width 180: "This is text within the DIV. "
194 text run at (199,5) width 535: "The floating images within this DIV sh ould not go beyond the top side of this DIV," 192 text run at (199,5) width 535: "The floating images within this DIV sh ould not go beyond the top side of this DIV,"
195 text run at (20,21) width 719: "which means that the borders of the fl oating images should not overlap the top or side borders of the DIV in any" 193 text run at (20,23) width 719: "which means that the borders of the fl oating images should not overlap the top or side borders of the DIV in any"
196 text run at (20,37) width 35: "way. " 194 text run at (5,41) width 35: "way. "
197 text run at (54,37) width 679: "In addition, the top of the left-float ing image should not be higher than the top of the right-floating image." 195 text run at (39,41) width 679: "In addition, the top of the left-float ing image should not be higher than the top of the right-floating image."
198 RenderBlock {HR} at (24,1778) size 578.75x2 [border: (1px inset #EEEEEE)] 196 RenderBlock {HR} at (24,1906) size 578.75x2 [border: (1px inset #EEEEEE)]
199 RenderBlock {DIV} at (2,1804) size 765x122 [border: (5px solid #800080)] 197 RenderBlock {DIV} at (2,1932) size 765x136 [border: (5px solid #800080)]
200 RenderText {#text} at (199,5) size 188x16 198 RenderText {#text} at (199,5) size 188x18
201 text run at (199,5) width 180: "This is text within the DIV. " 199 text run at (199,5) width 180: "This is text within the DIV. "
202 text run at (378,5) width 9: "*" 200 text run at (378,5) width 9: "*"
203 RenderBlock (floating) {P} at (5,5) size 194x82 [bgcolor=#C0C0C0] [borde r: (1px solid #00FF00)] 201 RenderBlock (floating) {P} at (5,5) size 194x88 [bgcolor=#C0C0C0] [borde r: (1px solid #00FF00)]
204 RenderText {#text} at (17,17) size 135x48 202 RenderText {#text} at (17,17) size 135x54
205 text run at (17,17) width 135: "This is a left-floating" 203 text run at (17,17) width 135: "This is a left-floating"
206 text run at (17,33) width 116: "paragraph (first in" 204 text run at (17,35) width 116: "paragraph (first in"
207 text run at (17,49) width 52: "source)." 205 text run at (17,53) width 52: "source)."
208 RenderText {#text} at (386,5) size 555x32 206 RenderText {#text} at (386,5) size 555x36
209 text run at (386,5) width 368: " The floating elements within this DIV should not go any" 207 text run at (386,5) width 368: " The floating elements within this DIV should not go any"
210 text run at (199,21) width 487: "higher than the line-box containing t he inline content which precedes them. " 208 text run at (199,23) width 487: "higher than the line-box containing t he inline content which precedes them. "
211 text run at (685,21) width 13: "* " 209 text run at (685,23) width 13: "* "
212 RenderBlock (floating) {P} at (566,37) size 194x82 [bgcolor=#C0C0C0] [bo rder: (1px solid #00FF00)] 210 RenderBlock (floating) {P} at (566,41) size 194x88 [bgcolor=#C0C0C0] [bo rder: (1px solid #00FF00)]
213 RenderText {#text} at (17,17) size 144x48 211 RenderText {#text} at (17,17) size 144x54
214 text run at (17,17) width 144: "This is a right-floating" 212 text run at (17,17) width 144: "This is a right-floating"
215 text run at (17,33) width 135: "paragraph (second in" 213 text run at (17,35) width 135: "paragraph (second in"
216 text run at (17,49) width 52: "source)." 214 text run at (17,53) width 52: "source)."
217 RenderText {#text} at (697,21) size 722x96 215 RenderText {#text} at (697,23) size 722x108
218 text run at (697,21) width 30: "This" 216 text run at (697,23) width 30: "This"
219 text run at (199,37) width 352: "means that the top side of each float can be, at most, as" 217 text run at (199,41) width 352: "means that the top side of each float can be, at most, as"
220 text run at (199,53) width 360: "high as the top edge of the inline el ement containing the" 218 text run at (199,59) width 360: "high as the top edge of the inline el ement containing the"
221 text run at (199,69) width 337: "content just before the floating elem ents occur in the" 219 text run at (199,77) width 337: "content just before the floating elem ents occur in the"
222 text run at (199,85) width 50: "source. " 220 text run at (5,95) width 50: "source. "
223 text run at (248,85) width 309: "In order to mark these points clearly , an asterisk" 221 text run at (54,95) width 495: "In order to mark these points clearly, an asterisk has been inserted just before"
224 text run at (5,101) width 323: "has been inserted just before each flo ated element." 222 text run at (5,113) width 137: "each floated element."
225 RenderBlock {HR} at (364.28,1934) size 40.44x2 [border: (1px inset #EEEEEE )] 223 RenderBlock {HR} at (364.28,2076) size 40.44x2 [border: (1px inset #EEEEEE )]
226 RenderBlock {DIV} at (2,1944) size 765x74 [border: (5px solid #800080)] 224 RenderBlock {DIV} at (2,2086) size 765x82 [border: (5px solid #800080)]
227 RenderText {#text} at (20,5) size 188x16 225 RenderText {#text} at (20,5) size 188x18
228 text run at (20,5) width 180: "This is text within the DIV. " 226 text run at (20,5) width 180: "This is text within the DIV. "
229 text run at (199,5) width 9: "*" 227 text run at (199,5) width 9: "*"
230 RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #000000)] 228 RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #000000)]
231 RenderText {#text} at (207,5) size 700x32 229 RenderText {#text} at (207,5) size 700x36
232 text run at (207,5) width 513: " The floating images within this DIV s hould not go any higher than the line-box" 230 text run at (207,5) width 513: " The floating images within this DIV s hould not go any higher than the line-box"
233 text run at (20,21) width 330: "containing the inline content which pr ecedes them. " 231 text run at (20,23) width 330: "containing the inline content which pr ecedes them. "
234 text run at (349,21) width 13: "* " 232 text run at (349,23) width 13: "* "
235 RenderImage {IMG} at (745,21) size 15x36 [border: (3px solid #000000)] 233 RenderImage {IMG} at (745,23) size 15x36 [border: (3px solid #000000)]
236 RenderText {#text} at (361,21) size 724x48 234 RenderText {#text} at (361,23) size 724x54
237 text run at (361,21) width 368: "This means that the top side of each float can be, at most," 235 text run at (361,23) width 368: "This means that the top side of each float can be, at most,"
238 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" 236 text run at (5,41) width 706: "as high as the top edge of the inline e lement containing the content just before the floating images occur in the"
239 text run at (5,53) width 50: "source. " 237 text run at (5,59) width 50: "source. "
240 text run at (54,53) width 624: "In order to mark these points clearly, an asterisk has been inserted just before each floated image." 238 text run at (54,59) width 624: "In order to mark these points clearly, an asterisk has been inserted just before each floated image."
241 RenderBlock {HR} at (24,2042) size 578.75x2 [border: (1px inset #EEEEEE)] 239 RenderBlock {HR} at (24,2192) size 578.75x2 [border: (1px inset #EEEEEE)]
242 RenderBlock {DIV} at (2,2068) size 765x266 [border: (5px solid #800080)] 240 RenderBlock {DIV} at (2,2218) size 765x262 [border: (5px solid #800080)]
243 RenderText {#text} at (199,5) size 188x16 241 RenderText {#text} at (199,5) size 188x18
244 text run at (199,5) width 180: "This is text within the DIV. " 242 text run at (199,5) width 180: "This is text within the DIV. "
245 text run at (378,5) width 9: "*" 243 text run at (378,5) width 9: "*"
246 RenderBlock (floating) {P} at (5,5) size 194x82 [bgcolor=#C0C0C0] [borde r: (1px solid #00FF00)] 244 RenderBlock (floating) {P} at (5,5) size 194x88 [bgcolor=#C0C0C0] [borde r: (1px solid #00FF00)]
247 RenderText {#text} at (17,17) size 135x48 245 RenderText {#text} at (17,17) size 135x54
248 text run at (17,17) width 135: "This is a left-floating" 246 text run at (17,17) width 135: "This is a left-floating"
249 text run at (17,33) width 116: "paragraph (first in" 247 text run at (17,35) width 116: "paragraph (first in"
250 text run at (17,49) width 52: "source)." 248 text run at (17,53) width 52: "source)."
251 RenderText {#text} at (386,5) size 555x32 249 RenderText {#text} at (386,5) size 555x36
252 text run at (386,5) width 368: " The floating elements within this DIV should not go any" 250 text run at (386,5) width 368: " The floating elements within this DIV should not go any"
253 text run at (199,21) width 487: "higher than the line-box containing t he inline content which precedes them. " 251 text run at (199,23) width 487: "higher than the line-box containing t he inline content which precedes them. "
254 text run at (685,21) width 13: "* " 252 text run at (685,23) width 13: "* "
255 RenderBlock (floating) {P} at (566,37) size 194x82 [bgcolor=#C0C0C0] [bo rder: (1px solid #00FF00)] 253 RenderBlock (floating) {P} at (566,41) size 194x88 [bgcolor=#C0C0C0] [bo rder: (1px solid #00FF00)]
256 RenderText {#text} at (17,17) size 144x48 254 RenderText {#text} at (17,17) size 144x54
257 text run at (17,17) width 144: "This is a right-floating" 255 text run at (17,17) width 144: "This is a right-floating"
258 text run at (17,33) width 135: "paragraph (second in" 256 text run at (17,35) width 135: "paragraph (second in"
259 text run at (17,49) width 52: "source)." 257 text run at (17,53) width 52: "source)."
260 RenderText {#text} at (697,21) size 528x32 258 RenderText {#text} at (697,23) size 528x36
261 text run at (697,21) width 30: "This" 259 text run at (697,23) width 30: "This"
262 text run at (199,37) width 288: "means that the top side of each float can be,*" 260 text run at (199,41) width 288: "means that the top side of each float can be,*"
263 RenderBlock (floating) {P} at (199,53) size 194x82 [bgcolor=#C0C0C0] [bo rder: (1px solid #00FF00)] 261 RenderBlock (floating) {P} at (199,59) size 194x88 [bgcolor=#C0C0C0] [bo rder: (1px solid #00FF00)]
264 RenderText {#text} at (17,17) size 135x48 262 RenderText {#text} at (17,17) size 135x54
265 text run at (17,17) width 135: "This is a left-floating" 263 text run at (17,17) width 135: "This is a left-floating"
266 text run at (17,33) width 120: "paragraph (third in" 264 text run at (17,35) width 120: "paragraph (third in"
267 text run at (17,49) width 52: "source)." 265 text run at (17,53) width 52: "source)."
268 RenderText {#text} at (486,37) size 169x96 266 RenderText {#text} at (486,41) size 276x108
269 text run at (486,37) width 73: " at most, as" 267 text run at (486,41) width 73: " at most, as"
270 text run at (393,53) width 169: "high as the top edge of the" 268 text run at (393,59) width 169: "high as the top edge of the"
271 text run at (393,69) width 163: "inline element containing" 269 text run at (393,77) width 163: "inline element containing"
272 text run at (393,85) width 167: "the content just before the" 270 text run at (393,95) width 167: "the content just before the"
273 text run at (393,101) width 167: "floating elements occur in" 271 text run at (393,113) width 167: "floating elements occur in"
274 text run at (393,117) width 74: "the source. " 272 text run at (587,131) width 74: "the source. "
275 text run at (466,117) width 9: "*" 273 text run at (660,131) width 9: "*"
276 RenderBlock (floating) {P} at (393,133) size 194x82 [bgcolor=#C0C0C0] [b order: (1px solid #00FF00)] 274 RenderBlock (floating) {P} at (393,131) size 194x88 [bgcolor=#C0C0C0] [b order: (1px solid #00FF00)]
277 RenderText {#text} at (17,17) size 135x48 275 RenderText {#text} at (17,17) size 135x54
278 text run at (17,17) width 135: "This is a left-floating" 276 text run at (17,17) width 135: "This is a left-floating"
279 text run at (17,33) width 129: "paragraph (fourth in" 277 text run at (17,35) width 129: "paragraph (fourth in"
280 text run at (17,49) width 52: "source)." 278 text run at (17,53) width 52: "source)."
281 RenderText {#text} at (474,117) size 747x144 279 RenderText {#text} at (668,131) size 747x126
282 text run at (474,117) width 72: " In order to" 280 text run at (668,131) width 72: " In order to"
283 text run at (587,133) width 165: "mark these points clearly," 281 text run at (587,149) width 165: "mark these points clearly,"
284 text run at (587,149) width 128: "an asterisk has been" 282 text run at (587,167) width 128: "an asterisk has been"
285 text run at (587,165) width 156: "inserted just before each" 283 text run at (587,185) width 156: "inserted just before each"
286 text run at (587,181) width 108: "floated element. " 284 text run at (587,203) width 108: "floated element. "
287 text run at (694,181) width 50: "If a line" 285 text run at (694,203) width 50: "If a line"
288 text run at (587,197) width 142: "has room for a floated" 286 text run at (5,221) width 741: "has room for a floated element, then t he element should float so that its top is aligned with the top of the line-box in"
289 text run at (587,213) width 165: "element, then the element" 287 text run at (5,239) width 177: "which the asterisk appears. "
290 text run at (5,229) width 607: "should float so that its top is aligne d with the top of the line-box in which the asterisk appears. " 288 text run at (181,239) width 411: "Otherwise, its top should align with the top of the next line-box."
291 text run at (612,229) width 114: "Otherwise, its top" 289 RenderBlock {HR} at (364.28,2488) size 40.44x2 [border: (1px inset #EEEEEE )]
292 text run at (5,245) width 293: "should align with the top of the next line-box." 290 RenderBlock {DIV} at (2,2498) size 765x118 [border: (5px solid #800080)]
293 RenderBlock {HR} at (364.28,2342) size 40.44x2 [border: (1px inset #EEEEEE )] 291 RenderText {#text} at (20,5) size 188x18
294 RenderBlock {DIV} at (2,2352) size 765x106 [border: (5px solid #800080)]
295 RenderText {#text} at (20,5) size 188x16
296 text run at (20,5) width 180: "This is text within the DIV. " 292 text run at (20,5) width 180: "This is text within the DIV. "
297 text run at (199,5) width 9: "*" 293 text run at (199,5) width 9: "*"
298 RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #000000)] 294 RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #000000)]
299 RenderText {#text} at (207,5) size 685x32 295 RenderText {#text} at (207,5) size 685x36
300 text run at (207,5) width 513: " The floating images within this DIV s hould not go any higher than the line-box" 296 text run at (207,5) width 513: " The floating images within this DIV s hould not go any higher than the line-box"
301 text run at (35,21) width 330: "containing the inline content which pr ecedes them. " 297 text run at (35,23) width 330: "containing the inline content which pr ecedes them. "
302 text run at (364,21) width 13: "* " 298 text run at (364,23) width 13: "* "
303 RenderImage {IMG} at (745,21) size 15x36 [border: (3px solid #000000)] 299 RenderImage {IMG} at (745,23) size 15x36 [border: (3px solid #000000)]
304 RenderText {#text} at (376,21) size 326x16 300 RenderText {#text} at (376,23) size 326x18
305 text run at (376,21) width 318: "This means that the top side of each float can be, " 301 text run at (376,23) width 318: "This means that the top side of each float can be, "
306 text run at (693,21) width 9: "*" 302 text run at (693,23) width 9: "*"
307 RenderImage {IMG} at (20,21) size 15x36 [border: (3px solid #000000)] 303 RenderImage {IMG} at (20,23) size 15x36 [border: (3px solid #000000)]
308 RenderText {#text} at (701,21) size 705x48 304 RenderText {#text} at (701,23) size 720x54
309 text run at (701,21) width 16: " at" 305 text run at (701,23) width 16: " at"
310 text run at (35,37) width 705: "most, as high as the top edge of the i nline element containing the content just before the floating images occur" 306 text run at (35,41) width 705: "most, as high as the top edge of the i nline element containing the content just before the floating images occur"
311 text run at (50,53) width 90: "in the source. " 307 text run at (20,59) width 90: "in the source. "
312 text run at (139,53) width 9: "*" 308 text run at (109,59) width 9: "*"
313 RenderImage {IMG} at (35,53) size 15x36 [border: (3px solid #000000)] 309 RenderImage {IMG} at (5,59) size 15x36 [border: (3px solid #000000)]
314 RenderText {#text} at (147,53) size 704x48 310 RenderText {#text} at (117,59) size 755x54
315 text run at (147,53) width 581: " In order to mark these points clearl y, an asterisk has been inserted just before each floated" 311 text run at (117,59) width 632: " In order to mark these points clearl y, an asterisk has been inserted just before each floated image. "
316 text run at (50,69) width 48: "image. " 312 text run at (748,59) width 12: "If"
317 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" 313 text run at (20,77) width 740: "a line has room for a floated image, t hen the image should float so that its top is aligned with the top of the line-b ox"
318 text run at (50,85) width 292: "of the line-box in which the asterisk appears. " 314 text run at (5,95) width 193: "in which the asterisk appears. "
319 text run at (341,85) width 411: "Otherwise, its top should align with the top of the next line-box." 315 text run at (197,95) width 411: "Otherwise, its top should align with the top of the next line-box."
320 RenderBlock {HR} at (24,2482) size 578.75x2 [border: (1px inset #EEEEEE)] 316 RenderBlock {HR} at (24,2640) size 578.75x2 [border: (1px inset #EEEEEE)]
321 RenderBlock {DIV} at (2,2508) size 490x282 [border: (5px solid #800080)] 317 RenderBlock {DIV} at (2,2666) size 490x298 [border: (5px solid #800080)]
322 RenderText {#text} at (199,5) size 56x16 318 RenderText {#text} at (199,5) size 56x18
323 text run at (199,5) width 56: "This is *" 319 text run at (199,5) width 56: "This is *"
324 RenderBlock (floating) {P} at (5,5) size 194x82 [bgcolor=#C0C0C0] [borde r: (1px solid #00FF00)] 320 RenderBlock (floating) {P} at (5,5) size 194x88 [bgcolor=#C0C0C0] [borde r: (1px solid #00FF00)]
325 RenderText {#text} at (17,17) size 135x48 321 RenderText {#text} at (17,17) size 135x54
326 text run at (17,17) width 135: "This is a left-floating" 322 text run at (17,17) width 135: "This is a left-floating"
327 text run at (17,33) width 116: "paragraph (first in" 323 text run at (17,35) width 116: "paragraph (first in"
328 text run at (17,49) width 52: "source)." 324 text run at (17,53) width 52: "source)."
329 RenderText {#text} at (254,5) size 13x16 325 RenderText {#text} at (254,5) size 13x18
330 text run at (254,5) width 13: " *" 326 text run at (254,5) width 13: " *"
331 RenderBlock (floating) {P} at (291,5) size 194x82 [bgcolor=#C0C0C0] [bor der: (1px solid #00FF00)] 327 RenderBlock (floating) {P} at (291,5) size 194x88 [bgcolor=#C0C0C0] [bor der: (1px solid #00FF00)]
332 RenderText {#text} at (17,17) size 144x48 328 RenderText {#text} at (17,17) size 144x54
333 text run at (17,17) width 144: "This is a right-floating" 329 text run at (17,17) width 144: "This is a right-floating"
334 text run at (17,33) width 135: "paragraph (second in" 330 text run at (17,35) width 135: "paragraph (second in"
335 text run at (17,49) width 52: "source)." 331 text run at (17,53) width 52: "source)."
336 RenderText {#text} at (199,21) size 475x256 332 RenderText {#text} at (199,23) size 475x270
337 text run at (199,21) width 69: "text within" 333 text run at (199,23) width 69: "text within"
338 text run at (199,37) width 56: "the DIV." 334 text run at (199,41) width 56: "the DIV."
339 text run at (199,53) width 85: "Under CSS1," 335 text run at (199,59) width 85: "Under CSS1,"
340 text run at (199,69) width 45: "the left" 336 text run at (199,77) width 45: "the left"
341 text run at (199,85) width 50: "floating" 337 text run at (5,95) width 471: "floating element should be placed in th e upper left corner of the DIV, and"
342 text run at (5,101) width 441: "element should be placed in the upper left corner of the DIV, and the" 338 text run at (5,113) width 466: "the purple border of the DIV should ab ut the green border of the floating"
343 text run at (5,117) width 442: "purple border of the DIV should abut t he green border of the floating" 339 text run at (5,131) width 59: "element. "
344 text run at (5,133) width 59: "element. " 340 text run at (63,131) width 382: "Similarly, the right floating element should be placed in the"
345 text run at (63,133) width 382: "Similarly, the right floating element should be placed in the"
346 text run at (5,149) width 455: "upper right corner of the DIV, and the purple border of the DIV should" 341 text run at (5,149) width 455: "upper right corner of the DIV, and the purple border of the DIV should"
347 text run at (5,165) width 475: "abut the green border of the floating element. The text of the DIV element" 342 text run at (5,167) width 475: "abut the green border of the floating element. The text of the DIV element"
348 text run at (5,181) width 428: "should flow between and under the two floating elements. The two" 343 text run at (5,185) width 428: "should flow between and under the two floating elements. The two"
349 text run at (5,197) width 470: "asterisk characters mark the insertion points of the floating elements. It is" 344 text run at (5,203) width 470: "asterisk characters mark the insertion points of the floating elements. It is"
350 text run at (5,213) width 474: "expected that, under future specificat ions, it may be acceptable for the top" 345 text run at (5,221) width 474: "expected that, under future specificat ions, it may be acceptable for the top"
351 text run at (5,229) width 444: "of floated elements to align with the top of the line-box following the" 346 text run at (5,239) width 444: "of floated elements to align with the top of the line-box following the"
352 text run at (5,245) width 475: "insertion point of the floated element to avoid floating elements appearing" 347 text run at (5,257) width 475: "insertion point of the floated element to avoid floating elements appearing"
353 text run at (5,261) width 342: "before text which precedes it in the s ource document." 348 text run at (5,275) width 342: "before text which precedes it in the s ource document."
354 RenderBlock {HR} at (364.28,2798) size 40.44x2 [border: (1px inset #EEEEEE )] 349 RenderBlock {HR} at (364.28,2972) size 40.44x2 [border: (1px inset #EEEEEE )]
355 RenderBlock {DIV} at (2,2808) size 490x202 [border: (5px solid #800080)] 350 RenderBlock {DIV} at (2,2982) size 490x226 [border: (5px solid #800080)]
356 RenderText {#text} at (20,5) size 56x16 351 RenderText {#text} at (20,5) size 56x18
357 text run at (20,5) width 56: "This is *" 352 text run at (20,5) width 56: "This is *"
358 RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #000000)] 353 RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #000000)]
359 RenderText {#text} at (75,5) size 13x16 354 RenderText {#text} at (75,5) size 13x18
360 text run at (75,5) width 13: " *" 355 text run at (75,5) width 13: " *"
361 RenderImage {IMG} at (470,5) size 15x36 [border: (3px solid #000000)] 356 RenderImage {IMG} at (470,5) size 15x36 [border: (3px solid #000000)]
362 RenderText {#text} at (87,5) size 475x192 357 RenderText {#text} at (87,5) size 475x216
363 text run at (87,5) width 137: " text within the DIV. " 358 text run at (87,5) width 137: " text within the DIV. "
364 text run at (223,5) width 232: "Under CSS1, the left floating image" 359 text run at (223,5) width 232: "Under CSS1, the left floating image"
365 text run at (20,21) width 431: "should be placed in the upper left cor ner of the DIV, and the purple" 360 text run at (20,23) width 431: "should be placed in the upper left cor ner of the DIV, and the purple"
366 text run at (20,37) width 444: "border of the DIV should abut the gree n border of the floating image." 361 text run at (5,41) width 444: "border of the DIV should abut the green border of the floating image."
367 text run at (5,53) width 445: "Similarly, the right floating image sho uld be placed in the upper right" 362 text run at (5,59) width 445: "Similarly, the right floating image sho uld be placed in the upper right"
368 text run at (5,69) width 475: "corner of the DIV, and the purple borde r of the DIV should abut the green" 363 text run at (5,77) width 475: "corner of the DIV, and the purple borde r of the DIV should abut the green"
369 text run at (5,85) width 449: "border of the floating image. The text of the DIV element should flow" 364 text run at (5,95) width 449: "border of the floating image. The text of the DIV element should flow"
370 text run at (5,101) width 452: "between and under the two floating ima ge. The two asterisk characters" 365 text run at (5,113) width 452: "between and under the two floating ima ge. The two asterisk characters"
371 text run at (5,117) width 306: "mark the insertion points of the float ing image. " 366 text run at (5,131) width 306: "mark the insertion points of the float ing image. "
372 text run at (310,117) width 158: "It is expected that, under" 367 text run at (310,131) width 158: "It is expected that, under"
373 text run at (5,133) width 467: "future specifications, it may be accep table for the top of floated elements" 368 text run at (5,149) width 467: "future specifications, it may be accep table for the top of floated elements"
374 text run at (5,149) width 455: "to align with the top of the line-box following the insertion point of the" 369 text run at (5,167) width 455: "to align with the top of the line-box following the insertion point of the"
375 text run at (5,165) width 453: "floated element to avoid floating elem ents appearing before text which" 370 text run at (5,185) width 453: "floated element to avoid floating elem ents appearing before text which"
376 text run at (5,181) width 226: "precedes it in the source document." 371 text run at (5,203) width 226: "precedes it in the source document."
377 RenderBlock {HR} at (24,3034) size 578.75x2 [border: (1px inset #EEEEEE)] 372 RenderBlock {HR} at (24,3232) size 578.75x2 [border: (1px inset #EEEEEE)]
378 LayoutTable {TABLE} at (0,3060) size 769x2962 [border: (1px outset #808080 )] 373 LayoutTable {TABLE} at (0,3258) size 769x3079 [border: (1px outset #808080 )]
379 LayoutTableSection {TBODY} at (1,1) size 767x2960 374 LayoutTableSection {TBODY} at (1,1) size 767x3077
380 LayoutTableRow {TR} at (0,0) size 767x24 375 LayoutTableRow {TR} at (0,0) size 767x26
381 LayoutTableCell {TD} at (0,0) size 767x24 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2] 376 LayoutTableCell {TD} at (0,0) size 767x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
382 RenderInline {STRONG} at (0,0) size 163x16 377 RenderInline {STRONG} at (0,0) size 163x18
383 RenderText {#text} at (4,4) size 163x16 378 RenderText {#text} at (4,4) size 163x18
384 text run at (4,4) width 163: "TABLE Testing Section" 379 text run at (4,4) width 163: "TABLE Testing Section"
385 LayoutTableRow {TR} at (0,24) size 767x2936 380 LayoutTableRow {TR} at (0,26) size 767x3051
386 LayoutTableCell {TD} at (0,1480) size 12x24 [bgcolor=#C0C0C0] [borde r: (1px inset #808080)] [r=1 c=0 rs=1 cs=1] 381 LayoutTableCell {TD} at (0,1538) size 12x26 [bgcolor=#C0C0C0] [borde r: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
387 RenderText {#text} at (4,4) size 4x16 382 RenderText {#text} at (4,4) size 4x18
388 text run at (4,4) width 4: " " 383 text run at (4,4) width 4: " "
389 LayoutTableCell {TD} at (12,24) size 755x2936 [border: (1px inset #8 08080)] [r=1 c=1 rs=1 cs=1] 384 LayoutTableCell {TD} at (12,26) size 755x3051 [border: (1px inset #8 08080)] [r=1 c=1 rs=1 cs=1]
390 RenderBlock {P} at (4,4) size 747x48 385 RenderBlock {P} at (4,4) size 747x54
391 RenderText {#text} at (0,0) size 737x48 386 RenderText {#text} at (0,0) size 737x54
392 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. " 387 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. "
393 text run at (695,0) width 37: "Other" 388 text run at (695,0) width 37: "Other"
394 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 dir ection of" 389 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 dir ection of"
395 text run at (0,32) width 64: "the floats." 390 text run at (0,36) width 64: "the floats."
396 RenderBlock {HR} at (28,76) size 562.25x2 [border: (1px inset #EEE EEE)] 391 RenderBlock {HR} at (28,82) size 562.25x2 [border: (1px inset #EEE EEE)]
397 RenderBlock {DIV} at (6,102) size 743x90 [border: (5px solid #8000 80)] 392 RenderBlock {DIV} at (6,108) size 743x100 [border: (5px solid #800 080)]
398 RenderBlock (floating) {P} at (5,5) size 194x82 [bgcolor=#C0C0C0 ] [border: (1px solid #00FF00)] 393 RenderBlock (floating) {P} at (5,5) size 194x88 [bgcolor=#C0C0C0 ] [border: (1px solid #00FF00)]
399 RenderText {#text} at (17,17) size 135x48 394 RenderText {#text} at (17,17) size 135x54
400 text run at (17,17) width 135: "This is a left-floating" 395 text run at (17,17) width 135: "This is a left-floating"
401 text run at (17,33) width 116: "paragraph (first in" 396 text run at (17,35) width 116: "paragraph (first in"
402 text run at (17,49) width 52: "source)." 397 text run at (17,53) width 52: "source)."
403 RenderBlock (floating) {P} at (544,5) size 194x82 [bgcolor=#C0C0 C0] [border: (1px solid #00FF00)] 398 RenderBlock (floating) {P} at (544,5) size 194x88 [bgcolor=#C0C0 C0] [border: (1px solid #00FF00)]
404 RenderText {#text} at (17,17) size 144x48 399 RenderText {#text} at (17,17) size 144x54
405 text run at (17,17) width 144: "This is a right-floating" 400 text run at (17,17) width 144: "This is a right-floating"
406 text run at (17,33) width 135: "paragraph (second in" 401 text run at (17,35) width 135: "paragraph (second in"
407 text run at (17,49) width 52: "source)." 402 text run at (17,53) width 52: "source)."
408 RenderText {#text} at (199,5) size 344x80 403 RenderText {#text} at (199,5) size 344x90
409 text run at (199,5) width 180: "This is text within the DIV. " 404 text run at (199,5) width 180: "This is text within the DIV. "
410 text run at (378,5) width 141: "The floating elements" 405 text run at (378,5) width 141: "The floating elements"
411 text run at (199,21) width 344: "within this DIV should not go beyond the left or right" 406 text run at (199,23) width 344: "within this DIV should not go beyond the left or right"
412 text run at (199,37) width 340: "inner edge of this DIV, which means that the borders" 407 text run at (199,41) width 340: "inner edge of this DIV, which means that the borders"
413 text run at (199,53) width 340: "of the floating elements shou ld not overlap the top or" 408 text run at (199,59) width 340: "of the floating elements shou ld not overlap the top or"
414 text run at (199,69) width 156: "side borders of the DIV." 409 text run at (199,77) width 156: "side borders of the DIV."
415 RenderBlock {HR} at (357.83,200) size 39.34x2 [border: (1px inset #EEEEEE)] 410 RenderBlock {HR} at (357.83,216) size 39.34x2 [border: (1px inset #EEEEEE)]
416 RenderBlock {DIV} at (6,210) size 743x58 [border: (5px solid #8000 80)] 411 RenderBlock {DIV} at (6,226) size 743x64 [border: (5px solid #8000 80)]
417 RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #00000 0)] 412 RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #00000 0)]
418 RenderImage {IMG} at (723,5) size 15x36 [border: (3px solid #000 000)] 413 RenderImage {IMG} at (723,5) size 15x36 [border: (3px solid #000 000)]
419 RenderText {#text} at (20,5) size 692x48 414 RenderText {#text} at (20,5) size 707x54
420 text run at (20,5) width 180: "This is text within the DIV. " 415 text run at (20,5) width 180: "This is text within the DIV. "
421 text run at (199,5) width 513: "The floating images within thi s DIV should not go beyond the left or right inner" 416 text run at (199,5) width 513: "The floating images within thi s DIV should not go beyond the left or right inner"
422 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" 417 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"
423 text run at (20,37) width 126: "borders of the DIV." 418 text run at (5,41) width 126: "borders of the DIV."
424 RenderBlock {HR} at (28,292) size 562.25x2 [border: (1px inset #EE EEEE)] 419 RenderBlock {HR} at (28,314) size 562.25x2 [border: (1px inset #EE EEEE)]
425 RenderBlock {DIV} at (6,318) size 442x218 [border: (5px solid #800 080)] 420 RenderBlock {DIV} at (6,340) size 442x226 [border: (5px solid #800 080)]
426 RenderBlock (floating) {P} at (5,5) size 194x66 [bgcolor=#C0C0C0 ] [border: (1px solid #00FF00)] 421 RenderBlock (floating) {P} at (5,5) size 194x70 [bgcolor=#C0C0C0 ] [border: (1px solid #00FF00)]
427 RenderText {#text} at (17,17) size 128x32 422 RenderText {#text} at (17,17) size 128x36
428 text run at (17,17) width 128: "This is the first left-" 423 text run at (17,17) width 128: "This is the first left-"
429 text run at (17,33) width 122: "floating paragraph." 424 text run at (17,35) width 122: "floating paragraph."
430 RenderBlock (floating) {P} at (199,5) size 194x66 [bgcolor=#C0C0 C0] [border: (1px solid #00FF00)] 425 RenderBlock (floating) {P} at (199,5) size 194x70 [bgcolor=#C0C0 C0] [border: (1px solid #00FF00)]
431 RenderText {#text} at (17,17) size 146x32 426 RenderText {#text} at (17,17) size 146x36
432 text run at (17,17) width 146: "This is the second left-" 427 text run at (17,17) width 146: "This is the second left-"
433 text run at (17,33) width 122: "floating paragraph." 428 text run at (17,35) width 122: "floating paragraph."
434 RenderBlock (floating) {P} at (5,71) size 194x66 [bgcolor=#C0C0C 0] [border: (1px solid #00FF00)] 429 RenderBlock (floating) {P} at (5,75) size 194x70 [bgcolor=#C0C0C 0] [border: (1px solid #00FF00)]
435 RenderText {#text} at (17,17) size 132x32 430 RenderText {#text} at (17,17) size 132x36
436 text run at (17,17) width 132: "This is the third left-" 431 text run at (17,17) width 132: "This is the third left-"
437 text run at (17,33) width 122: "floating paragraph." 432 text run at (17,35) width 122: "floating paragraph."
438 RenderText {#text} at (393,5) size 432x208 433 RenderText {#text} at (393,5) size 432x216
439 text run at (393,5) width 44: "This is" 434 text run at (393,5) width 44: "This is"
440 text run at (393,21) width 24: "text" 435 text run at (393,23) width 24: "text"
441 text run at (393,37) width 41: "within" 436 text run at (393,41) width 41: "within"
442 text run at (393,53) width 20: "the" 437 text run at (393,59) width 20: "the"
443 text run at (393,69) width 33: "DIV." 438 text run at (199,77) width 37: "DIV. "
444 text run at (199,85) width 212: "The floating elements within this" 439 text run at (235,77) width 185: "The floating elements within"
445 text run at (199,101) width 237: "DIV should not go beyond the left or" 440 text run at (199,95) width 222: "this DIV should not go beyond the"
446 text run at (199,117) width 226: "right inner edge of this DIV , which" 441 text run at (199,113) width 225: "left or right inner edge of this DIV,"
447 text run at (199,133) width 186: "means that the borders of th e" 442 text run at (199,131) width 229: "which means that the borders of the"
448 text run at (5,149) width 422: "floating elements should not o verlap the top or side borders of the" 443 text run at (5,149) width 422: "floating elements should not o verlap the top or side borders of the"
449 text run at (5,165) width 111: "DIV in any way. " 444 text run at (5,167) width 111: "DIV in any way. "
450 text run at (115,165) width 304: "In addition, they should not overlap each other." 445 text run at (115,167) width 304: "In addition, they should not overlap each other."
451 text run at (5,181) width 432: "The first two should be side b y side, whereas the third should be on" 446 text run at (5,185) width 432: "The first two should be side b y side, whereas the third should be on"
452 text run at (5,197) width 97: "the next \"line.\"" 447 text run at (5,203) width 97: "the next \"line.\""
453 RenderBlock {HR} at (357.83,544) size 39.34x2 [border: (1px inset #EEEEEE)] 448 RenderBlock {HR} at (357.83,574) size 39.34x2 [border: (1px inset #EEEEEE)]
454 RenderBlock {DIV} at (6,554) size 360x186 [border: (5px solid #800 080)] 449 RenderBlock {DIV} at (6,584) size 360x208 [border: (5px solid #800 080)]
455 RenderImage {IMG} at (5,5) size 156x36 [border: (3px solid #0000 00)] 450 RenderImage {IMG} at (5,5) size 156x36 [border: (3px solid #0000 00)]
456 RenderImage {IMG} at (161,5) size 156x36 [border: (3px solid #00 0000)] 451 RenderImage {IMG} at (161,5) size 156x36 [border: (3px solid #00 0000)]
457 RenderImage {IMG} at (5,41) size 156x36 [border: (3px solid #000 000)] 452 RenderImage {IMG} at (5,41) size 156x36 [border: (3px solid #000 000)]
458 RenderText {#text} at (317,5) size 346x176 453 RenderText {#text} at (317,5) size 346x198
459 text run at (317,5) width 29: "This" 454 text run at (317,5) width 29: "This"
460 text run at (317,21) width 11: "is" 455 text run at (317,23) width 11: "is"
461 text run at (317,37) width 24: "text" 456 text run at (161,41) width 133: "text within the DIV. "
462 text run at (161,53) width 105: "within the DIV. " 457 text run at (293,41) width 26: "The"
463 text run at (265,53) width 80: "The floating" 458 text run at (161,59) width 172: "floating images within this"
464 text run at (161,69) width 150: "images within this DIV" 459 text run at (5,77) width 343: "DIV should not go beyond the le ft or right inner edge"
465 text run at (5,85) width 328: "should not go beyond the left o r right inner edge of" 460 text run at (5,95) width 310: "of this DIV, which means that t he borders of the"
466 text run at (5,101) width 346: "this DIV, which means that the borders of the floating" 461 text run at (5,113) width 318: "floating images should not ove rlap the top or side"
467 text run at (5,117) width 333: "images should not overlap the top or side borders of" 462 text run at (5,131) width 204: "borders of the DIV in any way. "
468 text run at (5,133) width 135: "the DIV in any way. " 463 text run at (208,131) width 106: "In addition, they"
469 text run at (139,133) width 177: "In addition, they should not " 464 text run at (5,149) width 198: "should not overlap each other. "
470 text run at (5,149) width 127: "overlap each other. " 465 text run at (202,149) width 149: "The first two should be"
471 text run at (131,149) width 199: "The first two should be side by" 466 text run at (5,167) width 335: "side by side, whereas the thir d should be on the next"
472 text run at (5,165) width 330: "side, whereas the third should be on the next \"line.\"" 467 text run at (5,185) width 42: "\"line.\""
473 RenderBlock {HR} at (28,764) size 562.25x2 [border: (1px inset #EE EEEE)] 468 RenderBlock {HR} at (28,816) size 562.25x2 [border: (1px inset #EE EEEE)]
474 RenderBlock {DIV} at (6,790) size 314x316 [border: (5px solid #800 080)] 469 RenderBlock {DIV} at (6,842) size 314x350 [border: (5px solid #800 080)]
475 RenderBlock (floating) {P} at (5,5) size 194x82 [bgcolor=#C0C0C0 ] [border: (1px solid #00FF00)] 470 RenderBlock (floating) {P} at (5,5) size 194x88 [bgcolor=#C0C0C0 ] [border: (1px solid #00FF00)]
476 RenderText {#text} at (17,17) size 135x48 471 RenderText {#text} at (17,17) size 135x54
477 text run at (17,17) width 135: "This is a left-floating" 472 text run at (17,17) width 135: "This is a left-floating"
478 text run at (17,33) width 116: "paragraph (first in" 473 text run at (17,35) width 116: "paragraph (first in"
479 text run at (17,49) width 52: "source)." 474 text run at (17,53) width 52: "source)."
480 RenderBlock (floating) {P} at (115,87) size 194x82 [bgcolor=#C0C 0C0] [border: (1px solid #00FF00)] 475 RenderBlock (floating) {P} at (115,93) size 194x88 [bgcolor=#C0C 0C0] [border: (1px solid #00FF00)]
481 RenderText {#text} at (17,17) size 144x48 476 RenderText {#text} at (17,17) size 144x54
482 text run at (17,17) width 144: "This is a right-floating" 477 text run at (17,17) width 144: "This is a right-floating"
483 text run at (17,33) width 135: "paragraph (second in" 478 text run at (17,35) width 135: "paragraph (second in"
484 text run at (17,49) width 52: "source)." 479 text run at (17,53) width 52: "source)."
485 RenderText {#text} at (199,5) size 300x306 480 RenderText {#text} at (199,5) size 302x340
486 text run at (199,5) width 72: "This is text" 481 text run at (199,5) width 72: "This is text"
487 text run at (199,21) width 101: "within the DIV." 482 text run at (199,23) width 101: "within the DIV."
488 text run at (199,37) width 79: "The floating" 483 text run at (199,41) width 79: "The floating"
489 text run at (199,53) width 102: "elements within" 484 text run at (199,59) width 102: "elements within"
490 text run at (199,69) width 103: "this DIV should" 485 text run at (5,93) width 103: "this DIV should"
491 text run at (5,87) width 92: "not go beyond" 486 text run at (5,111) width 92: "not go beyond"
492 text run at (5,103) width 97: "the left or right" 487 text run at (5,129) width 97: "the left or right"
493 text run at (5,119) width 85: "inner edge of" 488 text run at (5,147) width 85: "inner edge of"
494 text run at (5,135) width 103: "this DIV, which" 489 text run at (5,165) width 103: "this DIV, which"
495 text run at (5,151) width 93: "means that the" 490 text run at (5,183) width 300: "means that the borders of the floating elements"
496 text run at (5,167) width 89: "borders of the" 491 text run at (5,201) width 284: "should not overlap the top or side borders of"
497 text run at (5,183) width 300: "floating elements should not o verlap the top or" 492 text run at (5,219) width 135: "the DIV in any way. "
498 text run at (5,199) width 234: "side borders of the DIV in any way. " 493 text run at (139,219) width 153: "In addition, they should"
499 text run at (238,199) width 14: "In" 494 text run at (5,237) width 293: "not overlap each other in any way, nor should"
500 text run at (5,215) width 298: "addition, they should not over lap each other in" 495 text run at (5,255) width 302: "the floated elements be overwr itten by the DIV"
501 text run at (5,231) width 282: "any way, nor should the floate d elements be" 496 text run at (5,273) width 32: "text. "
502 text run at (5,247) width 186: "overwritten by the DIV text. " 497 text run at (36,273) width 255: "In addition, the floated elem ents should"
503 text run at (190,247) width 99: "In addition, the" 498 text run at (5,291) width 300: "not be side-by-side, but inste ad the first should"
504 text run at (5,263) width 282: "floated elements should not be side-by-side," 499 text run at (5,309) width 281: "be floated left, and the secon d floated to the"
505 text run at (5,279) width 294: "but instead the first should b e floated left, and" 500 text run at (5,327) width 131: "right below the first."
506 text run at (5,295) width 292: "the second floated to the righ t below the first." 501 RenderBlock {HR} at (357.83,1200) size 39.34x2 [border: (1px inset #EEEEEE)]
507 RenderBlock {HR} at (357.83,1114) size 39.34x2 [border: (1px inset #EEEEEE)] 502 RenderBlock {DIV} at (6,1210) size 410x226 [border: (5px solid #80 0080)]
508 RenderBlock {DIV} at (6,1124) size 410x206 [border: (5px solid #80 0080)]
509 RenderImage {IMG} at (5,5) size 256x36 [border: (3px solid #0000 00)] 503 RenderImage {IMG} at (5,5) size 256x36 [border: (3px solid #0000 00)]
510 RenderImage {IMG} at (149,41) size 256x36 [border: (3px solid #0 00000)] 504 RenderImage {IMG} at (149,41) size 256x36 [border: (3px solid #0 00000)]
511 RenderText {#text} at (261,5) size 396x196 505 RenderText {#text} at (261,5) size 396x216
512 text run at (261,5) width 140: "This is text within the" 506 text run at (261,5) width 140: "This is text within the"
513 text run at (261,21) width 37: "DIV. " 507 text run at (261,23) width 37: "DIV. "
514 text run at (297,21) width 80: "The floating" 508 text run at (297,23) width 80: "The floating"
515 text run at (5,41) width 118: "images within this" 509 text run at (5,41) width 118: "images within this"
516 text run at (5,57) width 120: "DIV should not go" 510 text run at (5,59) width 120: "DIV should not go"
517 text run at (5,73) width 114: "beyond the left or" 511 text run at (5,77) width 388: "beyond the left or right inner edge of this DIV, which means"
518 text run at (5,89) width 392: "right inner edge of this DIV, w hich means that the borders of" 512 text run at (5,95) width 391: "that the borders of the floatin g images should not overlap the"
519 text run at (5,105) width 393: "the floating images should not overlap the top or side borders" 513 text run at (5,113) width 276: "top or side borders of the DIV in any way. "
520 text run at (5,121) width 152: "of the DIV in any way. " 514 text run at (280,113) width 106: "In addition, they"
521 text run at (156,121) width 229: "In addition, they should not overlap" 515 text run at (5,131) width 364: "should not overlap each other in any way, nor should the"
522 text run at (5,137) width 369: "each other in any way, nor sho uld the floated elements be" 516 text run at (5,149) width 315: "floated elements be overwritte n by the DIV text. "
523 text run at (5,153) width 186: "overwritten by the DIV text. " 517 text run at (319,149) width 74: "In addition,"
524 text run at (190,153) width 196: "In addition, the floated ima ges" 518 text run at (5,167) width 392: "the floated images should not be side-by-side, but instead the"
525 text run at (5,169) width 366: "should not be side-by-side, bu t instead the first should be" 519 text run at (5,185) width 391: "first should be floated left, and the second floated to the right"
526 text run at (5,185) width 396: "floated left, and the second f loated to the right below the first." 520 text run at (5,203) width 97: "below the first."
527 RenderBlock {HR} at (28,1354) size 562.25x2 [border: (1px inset #E EEEEE)] 521 RenderBlock {HR} at (28,1460) size 562.25x2 [border: (1px inset #E EEEEE)]
528 RenderBlock {DIV} at (6,1380) size 743x122 [border: (5px solid #80 0080)] 522 RenderBlock {DIV} at (6,1486) size 743x118 [border: (5px solid #80 0080)]
529 RenderBlock (floating) {P} at (544,5) size 194x82 [bgcolor=#C0C0 C0] [border: (1px solid #00FF00)] 523 RenderBlock (floating) {P} at (544,5) size 194x88 [bgcolor=#C0C0 C0] [border: (1px solid #00FF00)]
530 RenderText {#text} at (17,17) size 144x48 524 RenderText {#text} at (17,17) size 144x54
531 text run at (17,17) width 144: "This is a right-floating" 525 text run at (17,17) width 144: "This is a right-floating"
532 text run at (17,33) width 116: "paragraph (first in" 526 text run at (17,35) width 116: "paragraph (first in"
533 text run at (17,49) width 52: "source)." 527 text run at (17,53) width 52: "source)."
534 RenderBlock (floating) {P} at (5,5) size 194x82 [bgcolor=#C0C0C0 ] [border: (1px solid #00FF00)] 528 RenderBlock (floating) {P} at (5,5) size 194x88 [bgcolor=#C0C0C0 ] [border: (1px solid #00FF00)]
535 RenderText {#text} at (17,17) size 135x48 529 RenderText {#text} at (17,17) size 135x54
536 text run at (17,17) width 135: "This is a left-floating" 530 text run at (17,17) width 135: "This is a left-floating"
537 text run at (17,33) width 135: "paragraph (second in" 531 text run at (17,35) width 135: "paragraph (second in"
538 text run at (17,49) width 52: "source)." 532 text run at (17,53) width 52: "source)."
539 RenderText {#text} at (199,5) size 537x112 533 RenderText {#text} at (199,5) size 537x108
540 text run at (199,5) width 180: "This is text within the DIV. " 534 text run at (199,5) width 180: "This is text within the DIV. "
541 text run at (378,5) width 141: "The floating elements" 535 text run at (378,5) width 141: "The floating elements"
542 text run at (199,21) width 338: "within this DIV should not go beyond the top side of" 536 text run at (199,23) width 338: "within this DIV should not go beyond the top side of"
543 text run at (199,37) width 292: "this DIV, which means that th e borders of the" 537 text run at (199,41) width 292: "this DIV, which means that th e borders of the"
544 text run at (199,53) width 329: "floating elements should not overlap the top or side" 538 text run at (199,59) width 329: "floating elements should not overlap the top or side"
545 text run at (199,69) width 204: "borders of the DIV in any way . " 539 text run at (199,77) width 204: "borders of the DIV in any way . "
546 text run at (402,69) width 140: "In addition, the top of" 540 text run at (402,77) width 140: "In addition, the top of"
547 text run at (199,85) width 343: "the left-floating box should not be higher than the top" 541 text run at (5,95) width 505: "the left-floating box should no t be higher than the top of the right-floating box."
548 text run at (5,101) width 159: "of the right-floating box." 542 RenderBlock {HR} at (357.83,1612) size 39.34x2 [border: (1px inset #EEEEEE)]
549 RenderBlock {HR} at (357.83,1510) size 39.34x2 [border: (1px inset #EEEEEE)] 543 RenderBlock {DIV} at (6,1622) size 743x82 [border: (5px solid #800 080)]
550 RenderBlock {DIV} at (6,1520) size 743x74 [border: (5px solid #800 080)]
551 RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #00000 0)] 544 RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #00000 0)]
552 RenderImage {IMG} at (723,5) size 15x36 [border: (3px solid #000 000)] 545 RenderImage {IMG} at (723,5) size 15x36 [border: (3px solid #000 000)]
553 RenderText {#text} at (20,5) size 707x64 546 RenderText {#text} at (20,5) size 694x72
554 text run at (20,5) width 180: "This is text within the DIV. " 547 text run at (20,5) width 180: "This is text within the DIV. "
555 text run at (199,5) width 498: "The floating images within thi s DIV should not go beyond the top side of this" 548 text run at (199,5) width 498: "The floating images within thi s DIV should not go beyond the top side of this"
556 text run at (20,21) width 679: "DIV, which means that the bord ers of the floating images should not overlap the top or side borders of the" 549 text run at (20,23) width 679: "DIV, which means that the bord ers of the floating images should not overlap the top or side borders of the"
557 text run at (20,37) width 111: "DIV in any way. " 550 text run at (5,41) width 111: "DIV in any way. "
558 text run at (130,37) width 582: "In addition, the top of the l eft-floating image should not be higher than the top of the right-" 551 text run at (115,41) width 582: "In addition, the top of the l eft-floating image should not be higher than the top of the right-"
559 text run at (5,53) width 97: "floating image." 552 text run at (5,59) width 97: "floating image."
560 RenderBlock {HR} at (28,1618) size 562.25x2 [border: (1px inset #E EEEEE)] 553 RenderBlock {HR} at (28,1728) size 562.25x2 [border: (1px inset #E EEEEE)]
561 RenderBlock {DIV} at (6,1644) size 743x122 [border: (5px solid #80 0080)] 554 RenderBlock {DIV} at (6,1754) size 743x136 [border: (5px solid #80 0080)]
562 RenderText {#text} at (199,5) size 188x16 555 RenderText {#text} at (199,5) size 188x18
563 text run at (199,5) width 180: "This is text within the DIV. " 556 text run at (199,5) width 180: "This is text within the DIV. "
564 text run at (378,5) width 9: "*" 557 text run at (378,5) width 9: "*"
565 RenderBlock (floating) {P} at (5,5) size 194x82 [bgcolor=#C0C0C0 ] [border: (1px solid #00FF00)] 558 RenderBlock (floating) {P} at (5,5) size 194x88 [bgcolor=#C0C0C0 ] [border: (1px solid #00FF00)]
566 RenderText {#text} at (17,17) size 135x48 559 RenderText {#text} at (17,17) size 135x54
567 text run at (17,17) width 135: "This is a left-floating" 560 text run at (17,17) width 135: "This is a left-floating"
568 text run at (17,33) width 116: "paragraph (first in" 561 text run at (17,35) width 116: "paragraph (first in"
569 text run at (17,49) width 52: "source)." 562 text run at (17,53) width 52: "source)."
570 RenderText {#text} at (386,5) size 528x32 563 RenderText {#text} at (386,5) size 528x36
571 text run at (386,5) width 341: " The floating elements within this DIV should not go" 564 text run at (386,5) width 341: " The floating elements within this DIV should not go"
572 text run at (199,21) width 515: "any higher than the line-box containing the inline content which precedes them. " 565 text run at (199,23) width 515: "any higher than the line-box containing the inline content which precedes them. "
573 text run at (713,21) width 9: "*" 566 text run at (713,23) width 9: "*"
574 RenderBlock (floating) {P} at (544,37) size 194x82 [bgcolor=#C0C 0C0] [border: (1px solid #00FF00)] 567 RenderBlock (floating) {P} at (544,41) size 194x88 [bgcolor=#C0C 0C0] [border: (1px solid #00FF00)]
575 RenderText {#text} at (17,17) size 144x48 568 RenderText {#text} at (17,17) size 144x54
576 text run at (17,17) width 144: "This is a right-floating" 569 text run at (17,17) width 144: "This is a right-floating"
577 text run at (17,33) width 135: "paragraph (second in" 570 text run at (17,35) width 135: "paragraph (second in"
578 text run at (17,49) width 52: "source)." 571 text run at (17,53) width 52: "source)."
579 RenderText {#text} at (199,37) size 526x80 572 RenderText {#text} at (199,41) size 524x90
580 text run at (199,37) width 328: "This means that the top side of each float can be, at" 573 text run at (199,41) width 328: "This means that the top side of each float can be, at"
581 text run at (199,53) width 321: "most, as high as the top edge of the inline element" 574 text run at (199,59) width 321: "most, as high as the top edge of the inline element"
582 text run at (199,69) width 292: "containing the content just b efore the floating" 575 text run at (199,77) width 292: "containing the content just b efore the floating"
583 text run at (199,85) width 191: "elements occur in the source. " 576 text run at (5,95) width 191: "elements occur in the source. "
584 text run at (389,85) width 142: "In order to mark these" 577 text run at (195,95) width 334: "In order to mark these points clearly, an asterisk has"
585 text run at (5,101) width 490: "points clearly, an asterisk ha s been inserted just before each floated element." 578 text run at (5,113) width 298: "been inserted just before each floated element."
586 RenderBlock {HR} at (357.83,1774) size 39.34x2 [border: (1px inset #EEEEEE)] 579 RenderBlock {HR} at (357.83,1898) size 39.34x2 [border: (1px inset #EEEEEE)]
587 RenderBlock {DIV} at (6,1784) size 743x90 [border: (5px solid #800 080)] 580 RenderBlock {DIV} at (6,1908) size 743x82 [border: (5px solid #800 080)]
588 RenderText {#text} at (20,5) size 188x16 581 RenderText {#text} at (20,5) size 188x18
589 text run at (20,5) width 180: "This is text within the DIV. " 582 text run at (20,5) width 180: "This is text within the DIV. "
590 text run at (199,5) width 9: "*" 583 text run at (199,5) width 9: "*"
591 RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #00000 0)] 584 RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #00000 0)]
592 RenderText {#text} at (207,5) size 700x32 585 RenderText {#text} at (207,5) size 700x36
593 text run at (207,5) width 513: " The floating images within th is DIV should not go any higher than the line-box" 586 text run at (207,5) width 513: " The floating images within th is DIV should not go any higher than the line-box"
594 text run at (20,21) width 330: "containing the inline content which precedes them. " 587 text run at (20,23) width 330: "containing the inline content which precedes them. "
595 text run at (349,21) width 13: "* " 588 text run at (349,23) width 13: "* "
596 RenderImage {IMG} at (723,21) size 15x36 [border: (3px solid #00 0000)] 589 RenderImage {IMG} at (723,23) size 15x36 [border: (3px solid #00 0000)]
597 RenderText {#text} at (361,21) size 706x64 590 RenderText {#text} at (361,23) size 713x54
598 text run at (361,21) width 329: "This means that the top side of each float can be, at" 591 text run at (361,23) width 329: "This means that the top side of each float can be, at"
599 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" 592 text run at (5,41) width 705: "most, as high as the top edge o f the inline element containing the content just before the floating images occu r"
600 text run at (5,53) width 130: "occur in the source. " 593 text run at (5,59) width 90: "in the source. "
601 text run at (134,53) width 577: "In order to mark these points clearly, an asterisk has been inserted just before each floated" 594 text run at (94,59) width 624: "In order to mark these points clearly, an asterisk has been inserted just before each floated image."
602 text run at (5,69) width 44: "image." 595 RenderBlock {HR} at (28,2014) size 562.25x2 [border: (1px inset #E EEEEE)]
603 RenderBlock {HR} at (28,1898) size 562.25x2 [border: (1px inset #E EEEEE)] 596 RenderBlock {DIV} at (6,2040) size 743x226 [border: (5px solid #80 0080)]
604 RenderBlock {DIV} at (6,1924) size 743x266 [border: (5px solid #80 0080)] 597 RenderText {#text} at (199,5) size 188x18
605 RenderText {#text} at (199,5) size 188x16
606 text run at (199,5) width 180: "This is text within the DIV. " 598 text run at (199,5) width 180: "This is text within the DIV. "
607 text run at (378,5) width 9: "*" 599 text run at (378,5) width 9: "*"
608 RenderBlock (floating) {P} at (5,5) size 194x82 [bgcolor=#C0C0C0 ] [border: (1px solid #00FF00)] 600 RenderBlock (floating) {P} at (5,5) size 194x88 [bgcolor=#C0C0C0 ] [border: (1px solid #00FF00)]
609 RenderText {#text} at (17,17) size 135x48 601 RenderText {#text} at (17,17) size 135x54
610 text run at (17,17) width 135: "This is a left-floating" 602 text run at (17,17) width 135: "This is a left-floating"
611 text run at (17,33) width 116: "paragraph (first in" 603 text run at (17,35) width 116: "paragraph (first in"
612 text run at (17,49) width 52: "source)." 604 text run at (17,53) width 52: "source)."
613 RenderText {#text} at (386,5) size 528x32 605 RenderText {#text} at (386,5) size 528x36
614 text run at (386,5) width 341: " The floating elements within this DIV should not go" 606 text run at (386,5) width 341: " The floating elements within this DIV should not go"
615 text run at (199,21) width 515: "any higher than the line-box containing the inline content which precedes them. " 607 text run at (199,23) width 515: "any higher than the line-box containing the inline content which precedes them. "
616 text run at (713,21) width 9: "*" 608 text run at (713,23) width 9: "*"
617 RenderBlock (floating) {P} at (544,37) size 194x82 [bgcolor=#C0C 0C0] [border: (1px solid #00FF00)] 609 RenderBlock (floating) {P} at (544,41) size 194x88 [bgcolor=#C0C 0C0] [border: (1px solid #00FF00)]
618 RenderText {#text} at (17,17) size 144x48 610 RenderText {#text} at (17,17) size 144x54
619 text run at (17,17) width 144: "This is a right-floating" 611 text run at (17,17) width 144: "This is a right-floating"
620 text run at (17,33) width 135: "paragraph (second in" 612 text run at (17,35) width 135: "paragraph (second in"
621 text run at (17,49) width 52: "source)." 613 text run at (17,53) width 52: "source)."
622 RenderText {#text} at (199,37) size 321x16 614 RenderText {#text} at (199,41) size 321x18
623 text run at (199,37) width 321: "This means that the top side of each float can be,*" 615 text run at (199,41) width 321: "This means that the top side of each float can be,*"
624 RenderBlock (floating) {P} at (199,53) size 194x82 [bgcolor=#C0C 0C0] [border: (1px solid #00FF00)] 616 RenderBlock (floating) {P} at (199,59) size 194x88 [bgcolor=#C0C 0C0] [border: (1px solid #00FF00)]
625 RenderText {#text} at (17,17) size 135x48 617 RenderText {#text} at (17,17) size 135x54
626 text run at (17,17) width 135: "This is a left-floating" 618 text run at (17,17) width 135: "This is a left-floating"
627 text run at (17,33) width 120: "paragraph (third in" 619 text run at (17,35) width 120: "paragraph (third in"
628 text run at (17,49) width 52: "source)." 620 text run at (17,53) width 52: "source)."
629 RenderText {#text} at (519,37) size 292x112 621 RenderText {#text} at (519,41) size 252x108
630 text run at (519,37) width 16: " at" 622 text run at (519,41) width 16: " at"
631 text run at (393,53) width 151: "most, as high as the top" 623 text run at (393,59) width 151: "most, as high as the top"
632 text run at (393,69) width 112: "edge of the inline" 624 text run at (393,77) width 112: "edge of the inline"
633 text run at (393,85) width 146: "element containing the" 625 text run at (393,95) width 146: "element containing the"
634 text run at (393,101) width 143: "content just before the" 626 text run at (393,113) width 143: "content just before the"
635 text run at (393,117) width 151: "floating elements occur" 627 text run at (393,131) width 244: "floating elements occur in t he source. "
636 text run at (587,133) width 90: "in the source. " 628 text run at (636,131) width 9: "*"
637 text run at (676,133) width 9: "*" 629 RenderBlock (floating) {P} at (5,149) size 194x88 [bgcolor=#C0C0 C0] [border: (1px solid #00FF00)]
638 RenderBlock (floating) {P} at (393,133) size 194x82 [bgcolor=#C0 C0C0] [border: (1px solid #00FF00)] 630 RenderText {#text} at (17,17) size 135x54
639 RenderText {#text} at (17,17) size 135x48
640 text run at (17,17) width 135: "This is a left-floating" 631 text run at (17,17) width 135: "This is a left-floating"
641 text run at (17,33) width 129: "paragraph (fourth in" 632 text run at (17,35) width 129: "paragraph (fourth in"
642 text run at (17,49) width 52: "source)." 633 text run at (17,53) width 52: "source)."
643 RenderText {#text} at (684,133) size 721x128 634 RenderText {#text} at (644,131) size 521x90
644 text run at (684,133) width 19: " In" 635 text run at (644,131) width 73: " In order to"
645 text run at (587,149) width 124: "order to mark these" 636 text run at (199,149) width 505: "mark these points clearly, a n asterisk has been inserted just before each floated"
646 text run at (587,165) width 110: "points clearly, an" 637 text run at (199,167) width 59: "element. "
647 text run at (587,181) width 109: "asterisk has been" 638 text run at (257,167) width 463: "If a line has room for a flo ated element, then the element should float so"
648 text run at (587,197) width 123: "inserted just before" 639 text run at (199,185) width 505: "that its top is aligned with the top of the line-box in which the asterisk appears."
649 text run at (587,213) width 137: "each floated element." 640 text run at (199,203) width 411: "Otherwise, its top should al ign with the top of the next line-box."
650 text run at (5,229) width 721: "If a line has room for a float ed element, then the element should float so that its top is aligned with the to p of the" 641 RenderBlock {HR} at (357.83,2277) size 39.34x2 [border: (1px inset #EEEEEE)]
651 text run at (5,245) width 251: "line-box in which the asterisk appears. " 642 RenderBlock {DIV} at (6,2287) size 743x118 [border: (5px solid #80 0080)]
652 text run at (255,245) width 411: "Otherwise, its top should al ign with the top of the next line-box." 643 RenderText {#text} at (20,5) size 188x18
653 RenderBlock {HR} at (357.83,2198) size 39.34x2 [border: (1px inset #EEEEEE)]
654 RenderBlock {DIV} at (6,2208) size 743x122 [border: (5px solid #80 0080)]
655 RenderText {#text} at (20,5) size 188x16
656 text run at (20,5) width 180: "This is text within the DIV. " 644 text run at (20,5) width 180: "This is text within the DIV. "
657 text run at (199,5) width 9: "*" 645 text run at (199,5) width 9: "*"
658 RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #00000 0)] 646 RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #00000 0)]
659 RenderText {#text} at (207,5) size 685x32 647 RenderText {#text} at (207,5) size 685x36
660 text run at (207,5) width 513: " The floating images within th is DIV should not go any higher than the line-box" 648 text run at (207,5) width 513: " The floating images within th is DIV should not go any higher than the line-box"
661 text run at (35,21) width 330: "containing the inline content which precedes them. " 649 text run at (35,23) width 330: "containing the inline content which precedes them. "
662 text run at (364,21) width 13: "* " 650 text run at (364,23) width 13: "* "
663 RenderImage {IMG} at (723,21) size 15x36 [border: (3px solid #00 0000)] 651 RenderImage {IMG} at (723,23) size 15x36 [border: (3px solid #00 0000)]
664 RenderText {#text} at (376,21) size 326x16 652 RenderText {#text} at (376,23) size 326x18
665 text run at (376,21) width 318: "This means that the top side of each float can be, " 653 text run at (376,23) width 318: "This means that the top side of each float can be, "
666 text run at (693,21) width 9: "*" 654 text run at (693,23) width 9: "*"
667 RenderImage {IMG} at (20,21) size 15x36 [border: (3px solid #000 000)] 655 RenderImage {IMG} at (20,23) size 15x36 [border: (3px solid #000 000)]
668 RenderText {#text} at (701,21) size 682x48 656 RenderText {#text} at (701,23) size 697x54
669 text run at (701,21) width 16: " at" 657 text run at (701,23) width 16: " at"
670 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" 658 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"
671 text run at (50,53) width 130: "occur in the source. " 659 text run at (20,59) width 130: "occur in the source. "
672 text run at (179,53) width 9: "*" 660 text run at (149,59) width 9: "*"
673 RenderImage {IMG} at (35,53) size 15x36 [border: (3px solid #000 000)] 661 RenderImage {IMG} at (5,59) size 15x36 [border: (3px solid #0000 00)]
674 RenderText {#text} at (187,53) size 717x64 662 RenderText {#text} at (157,59) size 733x54
675 text run at (187,53) width 532: " In order to mark these point s clearly, an asterisk has been inserted just before each" 663 text run at (157,59) width 581: " In order to mark these point s clearly, an asterisk has been inserted just before each floated"
676 text run at (50,69) width 96: "floated image. " 664 text run at (20,77) width 48: "image. "
677 text run at (145,69) width 577: "If a line has room for a floa ted image, then the image should float so that its top is aligned" 665 text run at (67,77) width 657: "If a line has room for a float ed image, then the image should float so that its top is aligned with the top"
678 text run at (50,85) width 372: "with the top of the line-box i n which the asterisk appears. " 666 text run at (5,95) width 292: "of the line-box in which the as terisk appears. "
679 text run at (421,85) width 295: "Otherwise, its top should ali gn with the top of" 667 text run at (296,95) width 411: "Otherwise, its top should ali gn with the top of the next line-box."
680 text run at (5,101) width 113: "the next line-box." 668 RenderBlock {HR} at (28,2429) size 562.25x2 [border: (1px inset #E EEEEE)]
681 RenderBlock {HR} at (28,2354) size 562.25x2 [border: (1px inset #E EEEEE)] 669 RenderBlock {DIV} at (6,2455) size 490x298 [border: (5px solid #80 0080)]
682 RenderBlock {DIV} at (6,2380) size 490x282 [border: (5px solid #80 0080)] 670 RenderText {#text} at (199,5) size 56x18
683 RenderText {#text} at (199,5) size 56x16
684 text run at (199,5) width 56: "This is *" 671 text run at (199,5) width 56: "This is *"
685 RenderBlock (floating) {P} at (5,5) size 194x82 [bgcolor=#C0C0C0 ] [border: (1px solid #00FF00)] 672 RenderBlock (floating) {P} at (5,5) size 194x88 [bgcolor=#C0C0C0 ] [border: (1px solid #00FF00)]
686 RenderText {#text} at (17,17) size 135x48 673 RenderText {#text} at (17,17) size 135x54
687 text run at (17,17) width 135: "This is a left-floating" 674 text run at (17,17) width 135: "This is a left-floating"
688 text run at (17,33) width 116: "paragraph (first in" 675 text run at (17,35) width 116: "paragraph (first in"
689 text run at (17,49) width 52: "source)." 676 text run at (17,53) width 52: "source)."
690 RenderText {#text} at (254,5) size 13x16 677 RenderText {#text} at (254,5) size 13x18
691 text run at (254,5) width 13: " *" 678 text run at (254,5) width 13: " *"
692 RenderBlock (floating) {P} at (291,5) size 194x82 [bgcolor=#C0C0 C0] [border: (1px solid #00FF00)] 679 RenderBlock (floating) {P} at (291,5) size 194x88 [bgcolor=#C0C0 C0] [border: (1px solid #00FF00)]
693 RenderText {#text} at (17,17) size 144x48 680 RenderText {#text} at (17,17) size 144x54
694 text run at (17,17) width 144: "This is a right-floating" 681 text run at (17,17) width 144: "This is a right-floating"
695 text run at (17,33) width 135: "paragraph (second in" 682 text run at (17,35) width 135: "paragraph (second in"
696 text run at (17,49) width 52: "source)." 683 text run at (17,53) width 52: "source)."
697 RenderText {#text} at (199,21) size 475x256 684 RenderText {#text} at (199,23) size 475x270
698 text run at (199,21) width 69: "text within" 685 text run at (199,23) width 69: "text within"
699 text run at (199,37) width 56: "the DIV." 686 text run at (199,41) width 56: "the DIV."
700 text run at (199,53) width 85: "Under CSS1," 687 text run at (199,59) width 85: "Under CSS1,"
701 text run at (199,69) width 45: "the left" 688 text run at (199,77) width 45: "the left"
702 text run at (199,85) width 50: "floating" 689 text run at (5,95) width 471: "floating element should be plac ed in the upper left corner of the DIV, and"
703 text run at (5,101) width 441: "element should be placed in th e upper left corner of the DIV, and the" 690 text run at (5,113) width 466: "the purple border of the DIV s hould abut the green border of the floating"
704 text run at (5,117) width 442: "purple border of the DIV shoul d abut the green border of the floating" 691 text run at (5,131) width 59: "element. "
705 text run at (5,133) width 59: "element. " 692 text run at (63,131) width 382: "Similarly, the right floating element should be placed in the"
706 text run at (63,133) width 382: "Similarly, the right floating element should be placed in the"
707 text run at (5,149) width 455: "upper right corner of the DIV, and the purple border of the DIV should" 693 text run at (5,149) width 455: "upper right corner of the DIV, and the purple border of the DIV should"
708 text run at (5,165) width 475: "abut the green border of the f loating element. The text of the DIV element" 694 text run at (5,167) width 475: "abut the green border of the f loating element. The text of the DIV element"
709 text run at (5,181) width 428: "should flow between and under the two floating elements. The two" 695 text run at (5,185) width 428: "should flow between and under the two floating elements. The two"
710 text run at (5,197) width 470: "asterisk characters mark the i nsertion points of the floating elements. It is" 696 text run at (5,203) width 470: "asterisk characters mark the i nsertion points of the floating elements. It is"
711 text run at (5,213) width 474: "expected that, under future sp ecifications, it may be acceptable for the top" 697 text run at (5,221) width 474: "expected that, under future sp ecifications, it may be acceptable for the top"
712 text run at (5,229) width 444: "of floated elements to align w ith the top of the line-box following the" 698 text run at (5,239) width 444: "of floated elements to align w ith the top of the line-box following the"
713 text run at (5,245) width 475: "insertion point of the floated element to avoid floating elements appearing" 699 text run at (5,257) width 475: "insertion point of the floated element to avoid floating elements appearing"
714 text run at (5,261) width 342: "before text which precedes it in the source document." 700 text run at (5,275) width 342: "before text which precedes it in the source document."
715 RenderBlock {HR} at (357.83,2670) size 39.34x2 [border: (1px inset #EEEEEE)] 701 RenderBlock {HR} at (357.83,2761) size 39.34x2 [border: (1px inset #EEEEEE)]
716 RenderBlock {DIV} at (6,2680) size 490x202 [border: (5px solid #80 0080)] 702 RenderBlock {DIV} at (6,2771) size 490x226 [border: (5px solid #80 0080)]
717 RenderText {#text} at (20,5) size 56x16 703 RenderText {#text} at (20,5) size 56x18
718 text run at (20,5) width 56: "This is *" 704 text run at (20,5) width 56: "This is *"
719 RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #00000 0)] 705 RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #00000 0)]
720 RenderText {#text} at (75,5) size 13x16 706 RenderText {#text} at (75,5) size 13x18
721 text run at (75,5) width 13: " *" 707 text run at (75,5) width 13: " *"
722 RenderImage {IMG} at (470,5) size 15x36 [border: (3px solid #000 000)] 708 RenderImage {IMG} at (470,5) size 15x36 [border: (3px solid #000 000)]
723 RenderText {#text} at (87,5) size 475x192 709 RenderText {#text} at (87,5) size 475x216
724 text run at (87,5) width 137: " text within the DIV. " 710 text run at (87,5) width 137: " text within the DIV. "
725 text run at (223,5) width 232: "Under CSS1, the left floating image" 711 text run at (223,5) width 232: "Under CSS1, the left floating image"
726 text run at (20,21) width 431: "should be placed in the upper left corner of the DIV, and the purple" 712 text run at (20,23) width 431: "should be placed in the upper left corner of the DIV, and the purple"
727 text run at (20,37) width 444: "border of the DIV should abut the green border of the floating image." 713 text run at (5,41) width 444: "border of the DIV should abut t he green border of the floating image."
728 text run at (5,53) width 445: "Similarly, the right floating i mage should be placed in the upper right" 714 text run at (5,59) width 445: "Similarly, the right floating i mage should be placed in the upper right"
729 text run at (5,69) width 475: "corner of the DIV, and the purp le border of the DIV should abut the green" 715 text run at (5,77) width 475: "corner of the DIV, and the purp le border of the DIV should abut the green"
730 text run at (5,85) width 449: "border of the floating image. T he text of the DIV element should flow" 716 text run at (5,95) width 449: "border of the floating image. T he text of the DIV element should flow"
731 text run at (5,101) width 452: "between and under the two floa ting image. The two asterisk characters" 717 text run at (5,113) width 452: "between and under the two floa ting image. The two asterisk characters"
732 text run at (5,117) width 306: "mark the insertion points of t he floating image. " 718 text run at (5,131) width 306: "mark the insertion points of t he floating image. "
733 text run at (310,117) width 158: "It is expected that, under" 719 text run at (310,131) width 158: "It is expected that, under"
734 text run at (5,133) width 467: "future specifications, it may be acceptable for the top of floated elements" 720 text run at (5,149) width 467: "future specifications, it may be acceptable for the top of floated elements"
735 text run at (5,149) width 455: "to align with the top of the l ine-box following the insertion point of the" 721 text run at (5,167) width 455: "to align with the top of the l ine-box following the insertion point of the"
736 text run at (5,165) width 453: "floated element to avoid float ing elements appearing before text which" 722 text run at (5,185) width 453: "floated element to avoid float ing elements appearing before text which"
737 text run at (5,181) width 226: "precedes it in the source docu ment." 723 text run at (5,203) width 226: "precedes it in the source docu ment."
738 RenderBlock {HR} at (28,2906) size 562.25x2 [border: (1px inset #E EEEEE)] 724 RenderBlock {HR} at (28,3021) size 562.25x2 [border: (1px inset #E EEEEE)]
OLDNEW
« no previous file with comments | « LayoutTests/platform/mac/css1/formatting_model/floating_elements-expected.png ('k') | LayoutTests/platform/mac/css1/formatting_model/height_of_lines-expected.png » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698