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

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

Issue 20558002: Auto-rebaseline for r154918 (Closed) Base URL: svn://svn.chromium.org/blink/trunk
Patch Set: Created 7 years, 5 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
OLDNEW
1 layer at (0,0) size 785x6281 1 layer at (0,0) size 785x6281
2 RenderView at (0,0) size 785x600 2 RenderView at (0,0) size 785x600
3 layer at (0,0) size 785x6281 3 layer at (0,0) size 785x6281
4 RenderBlock {HTML} at (0,0) size 785x6281 4 RenderBlock {HTML} at (0,0) size 785x6281
5 RenderBody {BODY} at (8,8) size 769x6265 [bgcolor=#CCCCCC] 5 RenderBody {BODY} at (8,8) size 769x6265 [bgcolor=#CCCCCC]
6 RenderBlock {P} at (0,0) size 769x18 6 RenderBlock {P} at (0,0) size 769x18
7 RenderText {#text} at (0,0) size 355x18 7 RenderText {#text} at (0,0) size 355x18
8 text run at (0,0) width 355: "The style declarations which apply to th e text below are:" 8 text run at (0,0) width 355: "The style declarations which apply to th e text below are:"
9 RenderBlock {PRE} at (0,34) size 769x135 9 RenderBlock {PRE} at (0,34) size 769x135
10 RenderText {#text} at (0,0) size 480x135 10 RenderText {#text} at (0,0) size 480x135
(...skipping 13 matching lines...) Expand all
24 text run at (160,90) width 0: " " 24 text run at (160,90) width 0: " "
25 text run at (0,105) width 176: ".right {float: right;}" 25 text run at (0,105) width 176: ".right {float: right;}"
26 text run at (176,105) width 0: " " 26 text run at (176,105) width 0: " "
27 text run at (0,120) width 0: " " 27 text run at (0,120) width 0: " "
28 RenderBlock {HR} at (0,182) size 769x2 [border: (1px inset #EEEEEE)] 28 RenderBlock {HR} at (0,182) size 769x2 [border: (1px inset #EEEEEE)]
29 RenderBlock {P} at (0,200) size 769x36 29 RenderBlock {P} at (0,200) size 769x36
30 RenderText {#text} at (0,0) size 751x36 30 RenderText {#text} at (0,0) size 751x36
31 text run at (0,0) width 681: "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 681: "On this test page, each test is performe d once with floating paragraphs, and then again with floating images. "
32 text run at (681,0) width 67: "Other than" 32 text run at (681,0) width 67: "Other than"
33 text run at (0,18) width 751: "the substitution of images for pargraph s, the structure of the test is exactly the same, including the direction of the floats." 33 text run at (0,18) width 751: "the substitution of images for pargraph s, the structure of the test is exactly the same, including the direction of the floats."
34 RenderBlock {HR} at (24,260) size 579x2 [border: (1px inset #EEEEEE)] 34 RenderBlock {HR} at (24,260) size 578.75x2 [border: (1px inset #EEEEEE)]
35 RenderBlock {DIV} at (2,286) size 765x100 [border: (5px solid #800080)] 35 RenderBlock {DIV} at (2,286) size 765x100 [border: (5px solid #800080)]
36 RenderBlock (floating) {P} at (5,5) size 194x88 [bgcolor=#C0C0C0] [borde r: (1px solid #00FF00)] 36 RenderBlock (floating) {P} at (5,5) size 194x88 [bgcolor=#C0C0C0] [borde r: (1px solid #00FF00)]
37 RenderText {#text} at (17,17) size 130x54 37 RenderText {#text} at (17,17) size 130x54
38 text run at (17,17) width 130: "This is a left-floating" 38 text run at (17,17) width 130: "This is a left-floating"
39 text run at (17,35) width 112: "paragraph (first in" 39 text run at (17,35) width 112: "paragraph (first in"
40 text run at (17,53) width 50: "source)." 40 text run at (17,53) width 50: "source)."
41 RenderBlock (floating) {P} at (566,5) size 194x88 [bgcolor=#C0C0C0] [bor der: (1px solid #00FF00)] 41 RenderBlock (floating) {P} at (566,5) size 194x88 [bgcolor=#C0C0C0] [bor der: (1px solid #00FF00)]
42 RenderText {#text} at (17,17) size 139x54 42 RenderText {#text} at (17,17) size 139x54
43 text run at (17,17) width 139: "This is a right-floating" 43 text run at (17,17) width 139: "This is a right-floating"
44 text run at (17,35) width 132: "paragraph (second in" 44 text run at (17,35) width 132: "paragraph (second in"
45 text run at (17,53) width 50: "source)." 45 text run at (17,53) width 50: "source)."
46 RenderText {#text} at (199,5) size 363x90 46 RenderText {#text} at (199,5) size 363x90
47 text run at (199,5) width 177: "This is text within the DIV. " 47 text run at (199,5) width 177: "This is text within the DIV. "
48 text run at (376,5) width 180: "The floating elements within" 48 text run at (376,5) width 180: "The floating elements within"
49 text run at (199,23) width 363: "this DIV should not go beyond the lef t or right inner edge" 49 text run at (199,23) width 363: "this DIV should not go beyond the lef t or right inner edge"
50 text run at (199,41) width 356: "of this DIV, which means that the bor ders of the floating" 50 text run at (199,41) width 356: "of this DIV, which means that the bor ders of the floating"
51 text run at (199,59) width 360: "elements should not overlap the top o r side borders of the" 51 text run at (199,59) width 360: "elements should not overlap the top o r side borders of the"
52 text run at (199,77) width 33: "DIV." 52 text run at (199,77) width 33: "DIV."
53 RenderBlock {HR} at (364,394) size 41x2 [border: (1px inset #EEEEEE)] 53 RenderBlock {HR} at (364.28,394) size 40.44x2 [border: (1px inset #EEEEEE) ]
54 RenderBlock {DIV} at (2,404) size 765x64 [border: (5px solid #800080)] 54 RenderBlock {DIV} at (2,404) size 765x64 [border: (5px solid #800080)]
55 RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #000000)] 55 RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #000000)]
56 RenderImage {IMG} at (745,5) size 15x36 [border: (3px solid #000000)] 56 RenderImage {IMG} at (745,5) size 15x36 [border: (3px solid #000000)]
57 RenderText {#text} at (20,5) size 728x54 57 RenderText {#text} at (20,5) size 728x54
58 text run at (20,5) width 177: "This is text within the DIV. " 58 text run at (20,5) width 177: "This is text within the DIV. "
59 text run at (197,5) width 536: "The floating images within this DIV sh ould not go beyond the left or right inner edge" 59 text run at (197,5) width 536: "The floating images within this DIV sh ould not go beyond the left or right inner edge"
60 text run at (20,23) width 709: "of this DIV, which means that the bord ers of the floating images should not overlap the top or side borders of the" 60 text run at (20,23) width 709: "of this DIV, which means that the bord ers of the floating images should not overlap the top or side borders of the"
61 text run at (5,41) width 33: "DIV." 61 text run at (5,41) width 33: "DIV."
62 RenderBlock {HR} at (24,492) size 579x2 [border: (1px inset #EEEEEE)] 62 RenderBlock {HR} at (24,492) size 578.75x2 [border: (1px inset #EEEEEE)]
63 RenderBlock {DIV} at (2,518) size 442x226 [border: (5px solid #800080)] 63 RenderBlock {DIV} at (2,518) size 442x226 [border: (5px solid #800080)]
64 RenderBlock (floating) {P} at (5,5) size 194x70 [bgcolor=#C0C0C0] [borde r: (1px solid #00FF00)] 64 RenderBlock (floating) {P} at (5,5) size 194x70 [bgcolor=#C0C0C0] [borde r: (1px solid #00FF00)]
65 RenderText {#text} at (17,17) size 122x36 65 RenderText {#text} at (17,17) size 122x36
66 text run at (17,17) width 122: "This is the first left-" 66 text run at (17,17) width 122: "This is the first left-"
67 text run at (17,35) width 119: "floating paragraph." 67 text run at (17,35) width 119: "floating paragraph."
68 RenderBlock (floating) {P} at (199,5) size 194x70 [bgcolor=#C0C0C0] [bor der: (1px solid #00FF00)] 68 RenderBlock (floating) {P} at (199,5) size 194x70 [bgcolor=#C0C0C0] [bor der: (1px solid #00FF00)]
69 RenderText {#text} at (17,17) size 142x36 69 RenderText {#text} at (17,17) size 142x36
70 text run at (17,17) width 142: "This is the second left-" 70 text run at (17,17) width 142: "This is the second left-"
71 text run at (17,35) width 119: "floating paragraph." 71 text run at (17,35) width 119: "floating paragraph."
72 RenderBlock (floating) {P} at (5,75) size 194x70 [bgcolor=#C0C0C0] [bord er: (1px solid #00FF00)] 72 RenderBlock (floating) {P} at (5,75) size 194x70 [bgcolor=#C0C0C0] [bord er: (1px solid #00FF00)]
73 RenderText {#text} at (17,17) size 127x36 73 RenderText {#text} at (17,17) size 127x36
74 text run at (17,17) width 127: "This is the third left-" 74 text run at (17,17) width 127: "This is the third left-"
75 text run at (17,35) width 119: "floating paragraph." 75 text run at (17,35) width 119: "floating paragraph."
76 RenderText {#text} at (393,5) size 430x216 76 RenderText {#text} at (393,5) size 430x216
77 text run at (393,5) width 42: "This is" 77 text run at (393,5) width 42: "This is"
78 text run at (393,23) width 23: "text" 78 text run at (393,23) width 23: "text"
79 text run at (393,41) width 40: "within" 79 text run at (393,41) width 40: "within"
80 text run at (393,59) width 19: "the" 80 text run at (393,59) width 19: "the"
81 text run at (199,77) width 37: "DIV. " 81 text run at (199,77) width 37: "DIV. "
82 text run at (236,77) width 180: "The floating elements within" 82 text run at (236,77) width 180: "The floating elements within"
83 text run at (199,95) width 219: "this DIV should not go beyond the" 83 text run at (199,95) width 219: "this DIV should not go beyond the"
84 text run at (199,113) width 220: "left or right inner edge of this DIV ," 84 text run at (199,113) width 220: "left or right inner edge of this DIV ,"
85 text run at (199,131) width 224: "which means that the borders of the" 85 text run at (199,131) width 224: "which means that the borders of the"
86 text run at (5,149) width 412: "floating elements should not overlap t he top or side borders of the" 86 text run at (5,149) width 412: "floating elements should not overlap t he top or side borders of the"
87 text run at (5,167) width 111: "DIV in any way. " 87 text run at (5,167) width 111: "DIV in any way. "
88 text run at (116,167) width 297: "In addition, they should not overlap each other." 88 text run at (116,167) width 297: "In addition, they should not overlap each other."
89 text run at (5,185) width 425: "The first two should be side by side, whereas the third should be on" 89 text run at (5,185) width 425: "The first two should be side by side, whereas the third should be on"
90 text run at (5,203) width 95: "the next \"line.\"" 90 text run at (5,203) width 95: "the next \"line.\""
91 RenderBlock {HR} at (364,752) size 41x2 [border: (1px inset #EEEEEE)] 91 RenderBlock {HR} at (364.28,752) size 40.44x2 [border: (1px inset #EEEEEE) ]
92 RenderBlock {DIV} at (2,762) size 360x190 [border: (5px solid #800080)] 92 RenderBlock {DIV} at (2,762) size 360x190 [border: (5px solid #800080)]
93 RenderImage {IMG} at (5,5) size 156x36 [border: (3px solid #000000)] 93 RenderImage {IMG} at (5,5) size 156x36 [border: (3px solid #000000)]
94 RenderImage {IMG} at (161,5) size 156x36 [border: (3px solid #000000)] 94 RenderImage {IMG} at (161,5) size 156x36 [border: (3px solid #000000)]
95 RenderImage {IMG} at (5,41) size 156x36 [border: (3px solid #000000)] 95 RenderImage {IMG} at (5,41) size 156x36 [border: (3px solid #000000)]
96 RenderText {#text} at (317,5) size 350x180 96 RenderText {#text} at (317,5) size 350x180
97 text run at (317,5) width 28: "This" 97 text run at (317,5) width 28: "This"
98 text run at (317,23) width 37: "is text" 98 text run at (317,23) width 37: "is text"
99 text run at (161,41) width 104: "within the DIV. " 99 text run at (161,41) width 104: "within the DIV. "
100 text run at (265,41) width 77: "The floating" 100 text run at (265,41) width 77: "The floating"
101 text run at (161,59) width 193: "images within this DIV should" 101 text run at (161,59) width 193: "images within this DIV should"
102 text run at (5,77) width 338: "not go beyond the left or right inner e dge of this DIV," 102 text run at (5,77) width 338: "not go beyond the left or right inner e dge of this DIV,"
103 text run at (5,95) width 324: "which means that the borders of the flo ating images" 103 text run at (5,95) width 324: "which means that the borders of the flo ating images"
104 text run at (5,113) width 350: "should not overlap the top or side bor ders of the DIV in" 104 text run at (5,113) width 350: "should not overlap the top or side bor ders of the DIV in"
105 text run at (5,131) width 62: "any way. " 105 text run at (5,131) width 62: "any way. "
106 text run at (67,131) width 257: "In addition, they should not overlap each" 106 text run at (67,131) width 257: "In addition, they should not overlap each"
107 text run at (5,149) width 40: "other. " 107 text run at (5,149) width 40: "other. "
108 text run at (45,149) width 307: "The first two should be side by side, whereas the" 108 text run at (45,149) width 307: "The first two should be side by side, whereas the"
109 text run at (5,167) width 213: "third should be on the next \"line.\"" 109 text run at (5,167) width 213: "third should be on the next \"line.\""
110 RenderBlock {HR} at (24,976) size 579x2 [border: (1px inset #EEEEEE)] 110 RenderBlock {HR} at (24,976) size 578.75x2 [border: (1px inset #EEEEEE)]
111 RenderBlock {DIV} at (2,1002) size 314x350 [border: (5px solid #800080)] 111 RenderBlock {DIV} at (2,1002) size 314x350 [border: (5px solid #800080)]
112 RenderBlock (floating) {P} at (5,5) size 194x88 [bgcolor=#C0C0C0] [borde r: (1px solid #00FF00)] 112 RenderBlock (floating) {P} at (5,5) size 194x88 [bgcolor=#C0C0C0] [borde r: (1px solid #00FF00)]
113 RenderText {#text} at (17,17) size 130x54 113 RenderText {#text} at (17,17) size 130x54
114 text run at (17,17) width 130: "This is a left-floating" 114 text run at (17,17) width 130: "This is a left-floating"
115 text run at (17,35) width 112: "paragraph (first in" 115 text run at (17,35) width 112: "paragraph (first in"
116 text run at (17,53) width 50: "source)." 116 text run at (17,53) width 50: "source)."
117 RenderBlock (floating) {P} at (115,93) size 194x88 [bgcolor=#C0C0C0] [bo rder: (1px solid #00FF00)] 117 RenderBlock (floating) {P} at (115,93) size 194x88 [bgcolor=#C0C0C0] [bo rder: (1px solid #00FF00)]
118 RenderText {#text} at (17,17) size 139x54 118 RenderText {#text} at (17,17) size 139x54
119 text run at (17,17) width 139: "This is a right-floating" 119 text run at (17,17) width 139: "This is a right-floating"
120 text run at (17,35) width 132: "paragraph (second in" 120 text run at (17,35) width 132: "paragraph (second in"
(...skipping 11 matching lines...) Expand all
132 text run at (5,183) width 292: "means that the borders of the floating elements" 132 text run at (5,183) width 292: "means that the borders of the floating elements"
133 text run at (5,201) width 301: "should not overlap the top or side bor ders of the" 133 text run at (5,201) width 301: "should not overlap the top or side bor ders of the"
134 text run at (5,219) width 111: "DIV in any way. " 134 text run at (5,219) width 111: "DIV in any way. "
135 text run at (116,219) width 173: "In addition, they should not" 135 text run at (116,219) width 173: "In addition, they should not"
136 text run at (5,237) width 288: "overlap each other in any way, nor sho uld the" 136 text run at (5,237) width 288: "overlap each other in any way, nor sho uld the"
137 text run at (5,255) width 304: "floated elements be overwritten by the DIV text." 137 text run at (5,255) width 304: "floated elements be overwritten by the DIV text."
138 text run at (5,273) width 290: "In addition, the floated elements shou ld not be" 138 text run at (5,273) width 290: "In addition, the floated elements shou ld not be"
139 text run at (5,291) width 268: "side-by-side, but instead the first sh ould be" 139 text run at (5,291) width 268: "side-by-side, but instead the first sh ould be"
140 text run at (5,309) width 288: "floated left, and the second floated t o the right" 140 text run at (5,309) width 288: "floated left, and the second floated t o the right"
141 text run at (5,327) width 94: "below the first." 141 text run at (5,327) width 94: "below the first."
142 RenderBlock {HR} at (364,1360) size 41x2 [border: (1px inset #EEEEEE)] 142 RenderBlock {HR} at (364.28,1360) size 40.44x2 [border: (1px inset #EEEEEE )]
143 RenderBlock {DIV} at (2,1370) size 410x226 [border: (5px solid #800080)] 143 RenderBlock {DIV} at (2,1370) size 410x226 [border: (5px solid #800080)]
144 RenderImage {IMG} at (5,5) size 256x36 [border: (3px solid #000000)] 144 RenderImage {IMG} at (5,5) size 256x36 [border: (3px solid #000000)]
145 RenderImage {IMG} at (149,41) size 256x36 [border: (3px solid #000000)] 145 RenderImage {IMG} at (149,41) size 256x36 [border: (3px solid #000000)]
146 RenderText {#text} at (261,5) size 392x216 146 RenderText {#text} at (261,5) size 392x216
147 text run at (261,5) width 136: "This is text within the" 147 text run at (261,5) width 136: "This is text within the"
148 text run at (261,23) width 37: "DIV. " 148 text run at (261,23) width 37: "DIV. "
149 text run at (298,23) width 77: "The floating" 149 text run at (298,23) width 77: "The floating"
150 text run at (5,41) width 114: "images within this" 150 text run at (5,41) width 114: "images within this"
151 text run at (5,59) width 119: "DIV should not go" 151 text run at (5,59) width 119: "DIV should not go"
152 text run at (5,77) width 381: "beyond the left or right inner edge of this DIV, which means" 152 text run at (5,77) width 381: "beyond the left or right inner edge of this DIV, which means"
153 text run at (5,95) width 381: "that the borders of the floating images should not overlap the" 153 text run at (5,95) width 381: "that the borders of the floating images should not overlap the"
154 text run at (5,113) width 272: "top or side borders of the DIV in any way. " 154 text run at (5,113) width 272: "top or side borders of the DIV in any way. "
155 text run at (277,113) width 103: "In addition, they" 155 text run at (277,113) width 103: "In addition, they"
156 text run at (5,131) width 358: "should not overlap each other in any w ay, nor should the" 156 text run at (5,131) width 358: "should not overlap each other in any w ay, nor should the"
157 text run at (5,149) width 308: "floated elements be overwritten by the DIV text. " 157 text run at (5,149) width 308: "floated elements be overwritten by the DIV text. "
158 text run at (313,149) width 72: "In addition," 158 text run at (313,149) width 72: "In addition,"
159 text run at (5,167) width 382: "the floated images should not be side- by-side, but instead the" 159 text run at (5,167) width 382: "the floated images should not be side- by-side, but instead the"
160 text run at (5,185) width 381: "first should be floated left, and the second floated to the right" 160 text run at (5,185) width 381: "first should be floated left, and the second floated to the right"
161 text run at (5,203) width 94: "below the first." 161 text run at (5,203) width 94: "below the first."
162 RenderBlock {HR} at (24,1620) size 579x2 [border: (1px inset #EEEEEE)] 162 RenderBlock {HR} at (24,1620) size 578.75x2 [border: (1px inset #EEEEEE)]
163 RenderBlock {DIV} at (2,1646) size 765x118 [border: (5px solid #800080)] 163 RenderBlock {DIV} at (2,1646) size 765x118 [border: (5px solid #800080)]
164 RenderBlock (floating) {P} at (566,5) size 194x88 [bgcolor=#C0C0C0] [bor der: (1px solid #00FF00)] 164 RenderBlock (floating) {P} at (566,5) size 194x88 [bgcolor=#C0C0C0] [bor der: (1px solid #00FF00)]
165 RenderText {#text} at (17,17) size 139x54 165 RenderText {#text} at (17,17) size 139x54
166 text run at (17,17) width 139: "This is a right-floating" 166 text run at (17,17) width 139: "This is a right-floating"
167 text run at (17,35) width 112: "paragraph (first in" 167 text run at (17,35) width 112: "paragraph (first in"
168 text run at (17,53) width 50: "source)." 168 text run at (17,53) width 50: "source)."
169 RenderBlock (floating) {P} at (5,5) size 194x88 [bgcolor=#C0C0C0] [borde r: (1px solid #00FF00)] 169 RenderBlock (floating) {P} at (5,5) size 194x88 [bgcolor=#C0C0C0] [borde r: (1px solid #00FF00)]
170 RenderText {#text} at (17,17) size 132x54 170 RenderText {#text} at (17,17) size 132x54
171 text run at (17,17) width 130: "This is a left-floating" 171 text run at (17,17) width 130: "This is a left-floating"
172 text run at (17,35) width 132: "paragraph (second in" 172 text run at (17,35) width 132: "paragraph (second in"
173 text run at (17,53) width 50: "source)." 173 text run at (17,53) width 50: "source)."
174 RenderText {#text} at (199,5) size 551x108 174 RenderText {#text} at (199,5) size 551x108
175 text run at (199,5) width 177: "This is text within the DIV. " 175 text run at (199,5) width 177: "This is text within the DIV. "
176 text run at (376,5) width 180: "The floating elements within" 176 text run at (376,5) width 180: "The floating elements within"
177 text run at (199,23) width 352: "this DIV should not go beyond the top side of this DIV," 177 text run at (199,23) width 352: "this DIV should not go beyond the top side of this DIV,"
178 text run at (199,41) width 335: "which means that the borders of the f loating elements" 178 text run at (199,41) width 335: "which means that the borders of the f loating elements"
179 text run at (199,59) width 350: "should not overlap the top or side bo rders of the DIV in" 179 text run at (199,59) width 350: "should not overlap the top or side bo rders of the DIV in"
180 text run at (199,77) width 62: "any way. " 180 text run at (199,77) width 62: "any way. "
181 text run at (261,77) width 264: "In addition, the top of the left-floa ting box" 181 text run at (261,77) width 264: "In addition, the top of the left-floa ting box"
182 text run at (5,95) width 365: "should not be higher than the top of th e right-floating box." 182 text run at (5,95) width 365: "should not be higher than the top of th e right-floating box."
183 RenderBlock {HR} at (364,1772) size 41x2 [border: (1px inset #EEEEEE)] 183 RenderBlock {HR} at (364.28,1772) size 40.44x2 [border: (1px inset #EEEEEE )]
184 RenderBlock {DIV} at (2,1782) size 765x64 [border: (5px solid #800080)] 184 RenderBlock {DIV} at (2,1782) size 765x64 [border: (5px solid #800080)]
185 RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #000000)] 185 RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #000000)]
186 RenderImage {IMG} at (745,5) size 15x36 [border: (3px solid #000000)] 186 RenderImage {IMG} at (745,5) size 15x36 [border: (3px solid #000000)]
187 RenderText {#text} at (20,5) size 720x54 187 RenderText {#text} at (20,5) size 720x54
188 text run at (20,5) width 177: "This is text within the DIV. " 188 text run at (20,5) width 177: "This is text within the DIV. "
189 text run at (197,5) width 525: "The floating images within this DIV sh ould not go beyond the top side of this DIV," 189 text run at (197,5) width 525: "The floating images within this DIV sh ould not go beyond the top side of this DIV,"
190 text run at (20,23) width 705: "which means that the borders of the fl oating images should not overlap the top or side borders of the DIV in any" 190 text run at (20,23) width 705: "which means that the borders of the fl oating images should not overlap the top or side borders of the DIV in any"
191 text run at (5,41) width 35: "way. " 191 text run at (5,41) width 35: "way. "
192 text run at (40,41) width 661: "In addition, the top of the left-float ing image should not be higher than the top of the right-floating image." 192 text run at (40,41) width 661: "In addition, the top of the left-float ing image should not be higher than the top of the right-floating image."
193 RenderBlock {HR} at (24,1870) size 579x2 [border: (1px inset #EEEEEE)] 193 RenderBlock {HR} at (24,1870) size 578.75x2 [border: (1px inset #EEEEEE)]
194 RenderBlock {DIV} at (2,1896) size 765x136 [border: (5px solid #800080)] 194 RenderBlock {DIV} at (2,1896) size 765x136 [border: (5px solid #800080)]
195 RenderText {#text} at (199,5) size 185x18 195 RenderText {#text} at (199,5) size 185x18
196 text run at (199,5) width 177: "This is text within the DIV. " 196 text run at (199,5) width 177: "This is text within the DIV. "
197 text run at (376,5) width 8: "*" 197 text run at (376,5) width 8: "*"
198 RenderBlock (floating) {P} at (5,5) size 194x88 [bgcolor=#C0C0C0] [borde r: (1px solid #00FF00)] 198 RenderBlock (floating) {P} at (5,5) size 194x88 [bgcolor=#C0C0C0] [borde r: (1px solid #00FF00)]
199 RenderText {#text} at (17,17) size 130x54 199 RenderText {#text} at (17,17) size 130x54
200 text run at (17,17) width 130: "This is a left-floating" 200 text run at (17,17) width 130: "This is a left-floating"
201 text run at (17,35) width 112: "paragraph (first in" 201 text run at (17,35) width 112: "paragraph (first in"
202 text run at (17,53) width 50: "source)." 202 text run at (17,53) width 50: "source)."
203 RenderText {#text} at (384,5) size 545x36 203 RenderText {#text} at (384,5) size 545x36
204 text run at (384,5) width 360: " The floating elements within this DIV should not go any" 204 text run at (384,5) width 360: " The floating elements within this DIV should not go any"
205 text run at (199,23) width 477: "higher than the line-box containing t he inline content which precedes them. " 205 text run at (199,23) width 477: "higher than the line-box containing t he inline content which precedes them. "
206 text run at (676,23) width 12: "* " 206 text run at (676,23) width 12: "* "
207 RenderBlock (floating) {P} at (566,41) size 194x88 [bgcolor=#C0C0C0] [bo rder: (1px solid #00FF00)] 207 RenderBlock (floating) {P} at (566,41) size 194x88 [bgcolor=#C0C0C0] [bo rder: (1px solid #00FF00)]
208 RenderText {#text} at (17,17) size 139x54 208 RenderText {#text} at (17,17) size 139x54
209 text run at (17,17) width 139: "This is a right-floating" 209 text run at (17,17) width 139: "This is a right-floating"
210 text run at (17,35) width 132: "paragraph (second in" 210 text run at (17,35) width 132: "paragraph (second in"
211 text run at (17,53) width 50: "source)." 211 text run at (17,53) width 50: "source)."
212 RenderText {#text} at (688,23) size 755x108 212 RenderText {#text} at (688,23) size 755x108
213 text run at (688,23) width 72: "This means" 213 text run at (688,23) width 72: "This means"
214 text run at (199,41) width 349: "that the top side of each float can b e, at most, as high as" 214 text run at (199,41) width 349: "that the top side of each float can b e, at most, as high as"
215 text run at (199,59) width 352: "the top edge of the inline element co ntaining the content" 215 text run at (199,59) width 352: "the top edge of the inline element co ntaining the content"
216 text run at (199,77) width 331: "just before the floating elements occ ur in the source. " 216 text run at (199,77) width 331: "just before the floating elements occ ur in the source. "
217 text run at (530,77) width 13: "In" 217 text run at (530,77) width 13: "In"
218 text run at (5,95) width 545: "order to mark these points clearly, an asterisk has been inserted just before each floated" 218 text run at (5,95) width 545: "order to mark these points clearly, an asterisk has been inserted just before each floated"
219 text run at (5,113) width 53: "element." 219 text run at (5,113) width 53: "element."
220 RenderBlock {HR} at (364,2040) size 41x2 [border: (1px inset #EEEEEE)] 220 RenderBlock {HR} at (364.28,2040) size 40.44x2 [border: (1px inset #EEEEEE )]
221 RenderBlock {DIV} at (2,2050) size 765x82 [border: (5px solid #800080)] 221 RenderBlock {DIV} at (2,2050) size 765x82 [border: (5px solid #800080)]
222 RenderText {#text} at (20,5) size 185x18 222 RenderText {#text} at (20,5) size 185x18
223 text run at (20,5) width 177: "This is text within the DIV. " 223 text run at (20,5) width 177: "This is text within the DIV. "
224 text run at (197,5) width 8: "*" 224 text run at (197,5) width 8: "*"
225 RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #000000)] 225 RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #000000)]
226 RenderText {#text} at (205,5) size 688x36 226 RenderText {#text} at (205,5) size 688x36
227 text run at (205,5) width 503: " The floating images within this DIV s hould not go any higher than the line-box" 227 text run at (205,5) width 503: " The floating images within this DIV s hould not go any higher than the line-box"
228 text run at (20,23) width 323: "containing the inline content which pr ecedes them. " 228 text run at (20,23) width 323: "containing the inline content which pr ecedes them. "
229 text run at (343,23) width 12: "* " 229 text run at (343,23) width 12: "* "
230 RenderImage {IMG} at (745,23) size 15x36 [border: (3px solid #000000)] 230 RenderImage {IMG} at (745,23) size 15x36 [border: (3px solid #000000)]
231 RenderText {#text} at (355,23) size 738x54 231 RenderText {#text} at (355,23) size 738x54
232 text run at (355,23) width 376: "This means that the top side of each float can be, at most, as" 232 text run at (355,23) width 376: "This means that the top side of each float can be, at most, as"
233 text run at (5,41) width 725: "high as the top edge of the inline elem ent containing the content just before the floating images occur in the source. " 233 text run at (5,41) width 725: "high as the top edge of the inline elem ent containing the content just before the floating images occur in the source. "
234 text run at (730,41) width 13: "In" 234 text run at (730,41) width 13: "In"
235 text run at (5,59) width 591: "order to mark these points clearly, an asterisk has been inserted just before each floated image." 235 text run at (5,59) width 591: "order to mark these points clearly, an asterisk has been inserted just before each floated image."
236 RenderBlock {HR} at (24,2156) size 579x2 [border: (1px inset #EEEEEE)] 236 RenderBlock {HR} at (24,2156) size 578.75x2 [border: (1px inset #EEEEEE)]
237 RenderBlock {DIV} at (2,2182) size 765x262 [border: (5px solid #800080)] 237 RenderBlock {DIV} at (2,2182) size 765x262 [border: (5px solid #800080)]
238 RenderText {#text} at (199,5) size 185x18 238 RenderText {#text} at (199,5) size 185x18
239 text run at (199,5) width 177: "This is text within the DIV. " 239 text run at (199,5) width 177: "This is text within the DIV. "
240 text run at (376,5) width 8: "*" 240 text run at (376,5) width 8: "*"
241 RenderBlock (floating) {P} at (5,5) size 194x88 [bgcolor=#C0C0C0] [borde r: (1px solid #00FF00)] 241 RenderBlock (floating) {P} at (5,5) size 194x88 [bgcolor=#C0C0C0] [borde r: (1px solid #00FF00)]
242 RenderText {#text} at (17,17) size 130x54 242 RenderText {#text} at (17,17) size 130x54
243 text run at (17,17) width 130: "This is a left-floating" 243 text run at (17,17) width 130: "This is a left-floating"
244 text run at (17,35) width 112: "paragraph (first in" 244 text run at (17,35) width 112: "paragraph (first in"
245 text run at (17,53) width 50: "source)." 245 text run at (17,53) width 50: "source)."
246 RenderText {#text} at (384,5) size 545x36 246 RenderText {#text} at (384,5) size 545x36
(...skipping 29 matching lines...) Expand all
276 RenderText {#text} at (667,131) size 742x126 276 RenderText {#text} at (667,131) size 742x126
277 text run at (667,131) width 70: " In order to" 277 text run at (667,131) width 70: " In order to"
278 text run at (587,149) width 160: "mark these points clearly," 278 text run at (587,149) width 160: "mark these points clearly,"
279 text run at (587,167) width 125: "an asterisk has been" 279 text run at (587,167) width 125: "an asterisk has been"
280 text run at (587,185) width 152: "inserted just before each" 280 text run at (587,185) width 152: "inserted just before each"
281 text run at (587,203) width 104: "floated element. " 281 text run at (587,203) width 104: "floated element. "
282 text run at (691,203) width 48: "If a line" 282 text run at (691,203) width 48: "If a line"
283 text run at (5,221) width 722: "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" 283 text run at (5,221) width 722: "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"
284 text run at (5,239) width 173: "which the asterisk appears. " 284 text run at (5,239) width 173: "which the asterisk appears. "
285 text run at (178,239) width 402: "Otherwise, its top should align with the top of the next line-box." 285 text run at (178,239) width 402: "Otherwise, its top should align with the top of the next line-box."
286 RenderBlock {HR} at (364,2452) size 41x2 [border: (1px inset #EEEEEE)] 286 RenderBlock {HR} at (364.28,2452) size 40.44x2 [border: (1px inset #EEEEEE )]
287 RenderBlock {DIV} at (2,2462) size 765x118 [border: (5px solid #800080)] 287 RenderBlock {DIV} at (2,2462) size 765x118 [border: (5px solid #800080)]
288 RenderText {#text} at (20,5) size 185x18 288 RenderText {#text} at (20,5) size 185x18
289 text run at (20,5) width 177: "This is text within the DIV. " 289 text run at (20,5) width 177: "This is text within the DIV. "
290 text run at (197,5) width 8: "*" 290 text run at (197,5) width 8: "*"
291 RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #000000)] 291 RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #000000)]
292 RenderText {#text} at (205,5) size 673x36 292 RenderText {#text} at (205,5) size 673x36
293 text run at (205,5) width 503: " The floating images within this DIV s hould not go any higher than the line-box" 293 text run at (205,5) width 503: " The floating images within this DIV s hould not go any higher than the line-box"
294 text run at (35,23) width 323: "containing the inline content which pr ecedes them. " 294 text run at (35,23) width 323: "containing the inline content which pr ecedes them. "
295 text run at (358,23) width 12: "* " 295 text run at (358,23) width 12: "* "
296 RenderImage {IMG} at (745,23) size 15x36 [border: (3px solid #000000)] 296 RenderImage {IMG} at (745,23) size 15x36 [border: (3px solid #000000)]
297 RenderText {#text} at (370,23) size 318x18 297 RenderText {#text} at (370,23) size 318x18
298 text run at (370,23) width 310: "This means that the top side of each float can be, " 298 text run at (370,23) width 310: "This means that the top side of each float can be, "
299 text run at (680,23) width 8: "*" 299 text run at (680,23) width 8: "*"
300 RenderImage {IMG} at (20,23) size 15x36 [border: (3px solid #000000)] 300 RenderImage {IMG} at (20,23) size 15x36 [border: (3px solid #000000)]
301 RenderText {#text} at (688,23) size 721x54 301 RenderText {#text} at (688,23) size 721x54
302 text run at (688,23) width 53: " at most," 302 text run at (688,23) width 53: " at most,"
303 text run at (35,41) width 689: "as high as the top edge of the inline element containing the content just before the floating images occur in the" 303 text run at (35,41) width 689: "as high as the top edge of the inline element containing the content just before the floating images occur in the"
304 text run at (20,59) width 49: "source. " 304 text run at (20,59) width 49: "source. "
305 text run at (69,59) width 8: "*" 305 text run at (69,59) width 8: "*"
306 RenderImage {IMG} at (5,59) size 15x36 [border: (3px solid #000000)] 306 RenderImage {IMG} at (5,59) size 15x36 [border: (3px solid #000000)]
307 RenderText {#text} at (77,59) size 736x54 307 RenderText {#text} at (77,59) size 736x54
308 text run at (77,59) width 616: " In order to mark these points clearly , an asterisk has been inserted just before each floated image. " 308 text run at (77,59) width 616: " In order to mark these points clearly , an asterisk has been inserted just before each floated image. "
309 text run at (693,59) width 48: "If a line" 309 text run at (693,59) width 48: "If a line"
310 text run at (20,77) width 700: "has room for a floated image, then the image should float so that its top is aligned with the top of the line-box in" 310 text run at (20,77) width 700: "has room for a floated image, then the image should float so that its top is aligned with the top of the line-box in"
311 text run at (5,95) width 173: "which the asterisk appears. " 311 text run at (5,95) width 173: "which the asterisk appears. "
312 text run at (178,95) width 402: "Otherwise, its top should align with the top of the next line-box." 312 text run at (178,95) width 402: "Otherwise, its top should align with the top of the next line-box."
313 RenderBlock {HR} at (24,2604) size 579x2 [border: (1px inset #EEEEEE)] 313 RenderBlock {HR} at (24,2604) size 578.75x2 [border: (1px inset #EEEEEE)]
314 RenderBlock {DIV} at (2,2630) size 490x298 [border: (5px solid #800080)] 314 RenderBlock {DIV} at (2,2630) size 490x298 [border: (5px solid #800080)]
315 RenderText {#text} at (199,5) size 54x18 315 RenderText {#text} at (199,5) size 54x18
316 text run at (199,5) width 54: "This is *" 316 text run at (199,5) width 54: "This is *"
317 RenderBlock (floating) {P} at (5,5) size 194x88 [bgcolor=#C0C0C0] [borde r: (1px solid #00FF00)] 317 RenderBlock (floating) {P} at (5,5) size 194x88 [bgcolor=#C0C0C0] [borde r: (1px solid #00FF00)]
318 RenderText {#text} at (17,17) size 130x54 318 RenderText {#text} at (17,17) size 130x54
319 text run at (17,17) width 130: "This is a left-floating" 319 text run at (17,17) width 130: "This is a left-floating"
320 text run at (17,35) width 112: "paragraph (first in" 320 text run at (17,35) width 112: "paragraph (first in"
321 text run at (17,53) width 50: "source)." 321 text run at (17,53) width 50: "source)."
322 RenderText {#text} at (253,5) size 12x18 322 RenderText {#text} at (253,5) size 12x18
323 text run at (253,5) width 12: " *" 323 text run at (253,5) width 12: " *"
(...skipping 12 matching lines...) Expand all
336 text run at (5,113) width 447: "border of the DIV should abut the gree n border of the floating element." 336 text run at (5,113) width 447: "border of the DIV should abut the gree n border of the floating element."
337 text run at (5,131) width 444: "Similarly, the right floating element should be placed in the upper right" 337 text run at (5,131) width 444: "Similarly, the right floating element should be placed in the upper right"
338 text run at (5,149) width 468: "corner of the DIV, and the purple bord er of the DIV should abut the green" 338 text run at (5,149) width 468: "corner of the DIV, and the purple bord er of the DIV should abut the green"
339 text run at (5,167) width 451: "border of the floating element. The te xt of the DIV element should flow" 339 text run at (5,167) width 451: "border of the floating element. The te xt of the DIV element should flow"
340 text run at (5,185) width 461: "between and under the two floating ele ments. The two asterisk characters" 340 text run at (5,185) width 461: "between and under the two floating ele ments. The two asterisk characters"
341 text run at (5,203) width 468: "mark the insertion points of the float ing elements. It is expected that, under" 341 text run at (5,203) width 468: "mark the insertion points of the float ing elements. It is expected that, under"
342 text run at (5,221) width 470: "future specifications, it may be accep table for the top of floated elements to" 342 text run at (5,221) width 470: "future specifications, it may be accep table for the top of floated elements to"
343 text run at (5,239) width 475: "align with the top of the line-box fol lowing the insertion point of the floated" 343 text run at (5,239) width 475: "align with the top of the line-box fol lowing the insertion point of the floated"
344 text run at (5,257) width 466: "element to avoid floating elements app earing before text which precedes it" 344 text run at (5,257) width 466: "element to avoid floating elements app earing before text which precedes it"
345 text run at (5,275) width 150: "in the source document." 345 text run at (5,275) width 150: "in the source document."
346 RenderBlock {HR} at (364,2936) size 41x2 [border: (1px inset #EEEEEE)] 346 RenderBlock {HR} at (364.28,2936) size 40.44x2 [border: (1px inset #EEEEEE )]
347 RenderBlock {DIV} at (2,2946) size 490x226 [border: (5px solid #800080)] 347 RenderBlock {DIV} at (2,2946) size 490x226 [border: (5px solid #800080)]
348 RenderText {#text} at (20,5) size 54x18 348 RenderText {#text} at (20,5) size 54x18
349 text run at (20,5) width 54: "This is *" 349 text run at (20,5) width 54: "This is *"
350 RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #000000)] 350 RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #000000)]
351 RenderText {#text} at (74,5) size 12x18 351 RenderText {#text} at (74,5) size 12x18
352 text run at (74,5) width 12: " *" 352 text run at (74,5) width 12: " *"
353 RenderImage {IMG} at (470,5) size 15x36 [border: (3px solid #000000)] 353 RenderImage {IMG} at (470,5) size 15x36 [border: (3px solid #000000)]
354 RenderText {#text} at (86,5) size 480x216 354 RenderText {#text} at (86,5) size 480x216
355 text run at (86,5) width 135: " text within the DIV. " 355 text run at (86,5) width 135: " text within the DIV. "
356 text run at (221,5) width 226: "Under CSS1, the left floating image" 356 text run at (221,5) width 226: "Under CSS1, the left floating image"
357 text run at (20,23) width 424: "should be placed in the upper left cor ner of the DIV, and the purple" 357 text run at (20,23) width 424: "should be placed in the upper left cor ner of the DIV, and the purple"
358 text run at (5,41) width 436: "border of the DIV should abut the green border of the floating image." 358 text run at (5,41) width 436: "border of the DIV should abut the green border of the floating image."
359 text run at (5,59) width 477: "Similarly, the right floating image sho uld be placed in the upper right corner" 359 text run at (5,59) width 477: "Similarly, the right floating image sho uld be placed in the upper right corner"
360 text run at (5,77) width 469: "of the DIV, and the purple border of th e DIV should abut the green border" 360 text run at (5,77) width 469: "of the DIV, and the purple border of th e DIV should abut the green border"
361 text run at (5,95) width 479: "of the floating image. The text of the DIV element should flow between and" 361 text run at (5,95) width 479: "of the floating image. The text of the DIV element should flow between and"
362 text run at (5,113) width 477: "under the two floating image. The two asterisk characters mark the insertion" 362 text run at (5,113) width 477: "under the two floating image. The two asterisk characters mark the insertion"
363 text run at (5,131) width 180: "points of the floating image. " 363 text run at (5,131) width 180: "points of the floating image. "
364 text run at (185,131) width 300: "It is expected that, under future sp ecifications, it" 364 text run at (185,131) width 300: "It is expected that, under future sp ecifications, it"
365 text run at (5,149) width 478: "may be acceptable for the top of float ed elements to align with the top of the" 365 text run at (5,149) width 478: "may be acceptable for the top of float ed elements to align with the top of the"
366 text run at (5,167) width 429: "line-box following the insertion point of the floated element to avoid" 366 text run at (5,167) width 429: "line-box following the insertion point of the floated element to avoid"
367 text run at (5,185) width 442: "floating elements appearing before tex t which precedes it in the source" 367 text run at (5,185) width 442: "floating elements appearing before tex t which precedes it in the source"
368 text run at (5,203) width 66: "document." 368 text run at (5,203) width 66: "document."
369 RenderBlock {HR} at (24,3196) size 579x2 [border: (1px inset #EEEEEE)] 369 RenderBlock {HR} at (24,3196) size 578.75x2 [border: (1px inset #EEEEEE)]
370 RenderTable {TABLE} at (0,3222) size 769x3043 [border: (1px outset #808080 )] 370 RenderTable {TABLE} at (0,3222) size 769x3043 [border: (1px outset #808080 )]
371 RenderTableSection {TBODY} at (1,1) size 767x3041 371 RenderTableSection {TBODY} at (1,1) size 767x3041
372 RenderTableRow {TR} at (0,0) size 767x26 372 RenderTableRow {TR} at (0,0) size 767x26
373 RenderTableCell {TD} at (0,0) size 767x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2] 373 RenderTableCell {TD} at (0,0) size 767x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
374 RenderInline {STRONG} at (0,0) size 163x18 374 RenderInline {STRONG} at (0,0) size 163x18
375 RenderText {#text} at (4,4) size 163x18 375 RenderText {#text} at (4,4) size 163x18
376 text run at (4,4) width 163: "TABLE Testing Section" 376 text run at (4,4) width 163: "TABLE Testing Section"
377 RenderTableRow {TR} at (0,26) size 767x3015 377 RenderTableRow {TR} at (0,26) size 767x3015
378 RenderTableCell {TD} at (0,1520) size 12x26 [bgcolor=#C0C0C0] [borde r: (1px inset #808080)] [r=1 c=0 rs=1 cs=1] 378 RenderTableCell {TD} at (0,1520) size 12x26 [bgcolor=#C0C0C0] [borde r: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
379 RenderText {#text} at (4,4) size 4x18 379 RenderText {#text} at (4,4) size 4x18
380 text run at (4,4) width 4: " " 380 text run at (4,4) width 4: " "
381 RenderTableCell {TD} at (12,26) size 755x3015 [border: (1px inset #8 08080)] [r=1 c=1 rs=1 cs=1] 381 RenderTableCell {TD} at (12,26) size 755x3015 [border: (1px inset #8 08080)] [r=1 c=1 rs=1 cs=1]
382 RenderBlock {P} at (4,4) size 747x54 382 RenderBlock {P} at (4,4) size 747x54
383 RenderText {#text} at (0,0) size 740x54 383 RenderText {#text} at (0,0) size 740x54
384 text run at (0,0) width 681: "On this test page, each test is performed once with floating paragraphs, and then again with floating images. " 384 text run at (0,0) width 681: "On this test page, each test is performed once with floating paragraphs, and then again with floating images. "
385 text run at (681,0) width 36: "Other" 385 text run at (681,0) width 36: "Other"
386 text run at (0,18) width 740: "than the substitution of images for pargraphs, the structure of the test is exactly the same, including the dir ection of the" 386 text run at (0,18) width 740: "than the substitution of images for pargraphs, the structure of the test is exactly the same, including the dir ection of the"
387 text run at (0,36) width 38: "floats." 387 text run at (0,36) width 38: "floats."
388 RenderBlock {HR} at (28,82) size 563x2 [border: (1px inset #EEEEEE )] 388 RenderBlock {HR} at (28,82) size 562.25x2 [border: (1px inset #EEE EEE)]
389 RenderBlock {DIV} at (6,108) size 743x100 [border: (5px solid #800 080)] 389 RenderBlock {DIV} at (6,108) size 743x100 [border: (5px solid #800 080)]
390 RenderBlock (floating) {P} at (5,5) size 194x88 [bgcolor=#C0C0C0 ] [border: (1px solid #00FF00)] 390 RenderBlock (floating) {P} at (5,5) size 194x88 [bgcolor=#C0C0C0 ] [border: (1px solid #00FF00)]
391 RenderText {#text} at (17,17) size 130x54 391 RenderText {#text} at (17,17) size 130x54
392 text run at (17,17) width 130: "This is a left-floating" 392 text run at (17,17) width 130: "This is a left-floating"
393 text run at (17,35) width 112: "paragraph (first in" 393 text run at (17,35) width 112: "paragraph (first in"
394 text run at (17,53) width 50: "source)." 394 text run at (17,53) width 50: "source)."
395 RenderBlock (floating) {P} at (544,5) size 194x88 [bgcolor=#C0C0 C0] [border: (1px solid #00FF00)] 395 RenderBlock (floating) {P} at (544,5) size 194x88 [bgcolor=#C0C0 C0] [border: (1px solid #00FF00)]
396 RenderText {#text} at (17,17) size 139x54 396 RenderText {#text} at (17,17) size 139x54
397 text run at (17,17) width 139: "This is a right-floating" 397 text run at (17,17) width 139: "This is a right-floating"
398 text run at (17,35) width 132: "paragraph (second in" 398 text run at (17,35) width 132: "paragraph (second in"
399 text run at (17,53) width 50: "source)." 399 text run at (17,53) width 50: "source)."
400 RenderText {#text} at (199,5) size 337x90 400 RenderText {#text} at (199,5) size 337x90
401 text run at (199,5) width 177: "This is text within the DIV. " 401 text run at (199,5) width 177: "This is text within the DIV. "
402 text run at (376,5) width 136: "The floating elements" 402 text run at (376,5) width 136: "The floating elements"
403 text run at (199,23) width 337: "within this DIV should not go beyond the left or right" 403 text run at (199,23) width 337: "within this DIV should not go beyond the left or right"
404 text run at (199,41) width 334: "inner edge of this DIV, which means that the borders" 404 text run at (199,41) width 334: "inner edge of this DIV, which means that the borders"
405 text run at (199,59) width 332: "of the floating elements shou ld not overlap the top or" 405 text run at (199,59) width 332: "of the floating elements shou ld not overlap the top or"
406 text run at (199,77) width 153: "side borders of the DIV." 406 text run at (199,77) width 153: "side borders of the DIV."
407 RenderBlock {HR} at (357,216) size 41x2 [border: (1px inset #EEEEE E)] 407 RenderBlock {HR} at (357.83,216) size 39.34x2 [border: (1px inset #EEEEEE)]
408 RenderBlock {DIV} at (6,226) size 743x64 [border: (5px solid #8000 80)] 408 RenderBlock {DIV} at (6,226) size 743x64 [border: (5px solid #8000 80)]
409 RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #00000 0)] 409 RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #00000 0)]
410 RenderImage {IMG} at (723,5) size 15x36 [border: (3px solid #000 000)] 410 RenderImage {IMG} at (723,5) size 15x36 [border: (3px solid #000 000)]
411 RenderText {#text} at (20,5) size 718x54 411 RenderText {#text} at (20,5) size 718x54
412 text run at (20,5) width 177: "This is text within the DIV. " 412 text run at (20,5) width 177: "This is text within the DIV. "
413 text run at (197,5) width 502: "The floating images within thi s DIV should not go beyond the left or right inner" 413 text run at (197,5) width 502: "The floating images within thi s DIV should not go beyond the left or right inner"
414 text run at (20,23) width 703: "edge of this DIV, which means that the borders of the floating images should not overlap the top or side borde rs" 414 text run at (20,23) width 703: "edge of this DIV, which means that the borders of the floating images should not overlap the top or side borde rs"
415 text run at (5,41) width 73: "of the DIV." 415 text run at (5,41) width 73: "of the DIV."
416 RenderBlock {HR} at (28,314) size 563x2 [border: (1px inset #EEEEE E)] 416 RenderBlock {HR} at (28,314) size 562.25x2 [border: (1px inset #EE EEEE)]
417 RenderBlock {DIV} at (6,340) size 442x226 [border: (5px solid #800 080)] 417 RenderBlock {DIV} at (6,340) size 442x226 [border: (5px solid #800 080)]
418 RenderBlock (floating) {P} at (5,5) size 194x70 [bgcolor=#C0C0C0 ] [border: (1px solid #00FF00)] 418 RenderBlock (floating) {P} at (5,5) size 194x70 [bgcolor=#C0C0C0 ] [border: (1px solid #00FF00)]
419 RenderText {#text} at (17,17) size 122x36 419 RenderText {#text} at (17,17) size 122x36
420 text run at (17,17) width 122: "This is the first left-" 420 text run at (17,17) width 122: "This is the first left-"
421 text run at (17,35) width 119: "floating paragraph." 421 text run at (17,35) width 119: "floating paragraph."
422 RenderBlock (floating) {P} at (199,5) size 194x70 [bgcolor=#C0C0 C0] [border: (1px solid #00FF00)] 422 RenderBlock (floating) {P} at (199,5) size 194x70 [bgcolor=#C0C0 C0] [border: (1px solid #00FF00)]
423 RenderText {#text} at (17,17) size 142x36 423 RenderText {#text} at (17,17) size 142x36
424 text run at (17,17) width 142: "This is the second left-" 424 text run at (17,17) width 142: "This is the second left-"
425 text run at (17,35) width 119: "floating paragraph." 425 text run at (17,35) width 119: "floating paragraph."
426 RenderBlock (floating) {P} at (5,75) size 194x70 [bgcolor=#C0C0C 0] [border: (1px solid #00FF00)] 426 RenderBlock (floating) {P} at (5,75) size 194x70 [bgcolor=#C0C0C 0] [border: (1px solid #00FF00)]
427 RenderText {#text} at (17,17) size 127x36 427 RenderText {#text} at (17,17) size 127x36
428 text run at (17,17) width 127: "This is the third left-" 428 text run at (17,17) width 127: "This is the third left-"
429 text run at (17,35) width 119: "floating paragraph." 429 text run at (17,35) width 119: "floating paragraph."
430 RenderText {#text} at (393,5) size 430x216 430 RenderText {#text} at (393,5) size 430x216
431 text run at (393,5) width 42: "This is" 431 text run at (393,5) width 42: "This is"
432 text run at (393,23) width 23: "text" 432 text run at (393,23) width 23: "text"
433 text run at (393,41) width 40: "within" 433 text run at (393,41) width 40: "within"
434 text run at (393,59) width 19: "the" 434 text run at (393,59) width 19: "the"
435 text run at (199,77) width 37: "DIV. " 435 text run at (199,77) width 37: "DIV. "
436 text run at (236,77) width 180: "The floating elements within" 436 text run at (236,77) width 180: "The floating elements within"
437 text run at (199,95) width 219: "this DIV should not go beyond the" 437 text run at (199,95) width 219: "this DIV should not go beyond the"
438 text run at (199,113) width 220: "left or right inner edge of this DIV," 438 text run at (199,113) width 220: "left or right inner edge of this DIV,"
439 text run at (199,131) width 224: "which means that the borders of the" 439 text run at (199,131) width 224: "which means that the borders of the"
440 text run at (5,149) width 412: "floating elements should not o verlap the top or side borders of the" 440 text run at (5,149) width 412: "floating elements should not o verlap the top or side borders of the"
441 text run at (5,167) width 111: "DIV in any way. " 441 text run at (5,167) width 111: "DIV in any way. "
442 text run at (116,167) width 297: "In addition, they should not overlap each other." 442 text run at (116,167) width 297: "In addition, they should not overlap each other."
443 text run at (5,185) width 425: "The first two should be side b y side, whereas the third should be on" 443 text run at (5,185) width 425: "The first two should be side b y side, whereas the third should be on"
444 text run at (5,203) width 95: "the next \"line.\"" 444 text run at (5,203) width 95: "the next \"line.\""
445 RenderBlock {HR} at (357,574) size 41x2 [border: (1px inset #EEEEE E)] 445 RenderBlock {HR} at (357.83,574) size 39.34x2 [border: (1px inset #EEEEEE)]
446 RenderBlock {DIV} at (6,584) size 360x190 [border: (5px solid #800 080)] 446 RenderBlock {DIV} at (6,584) size 360x190 [border: (5px solid #800 080)]
447 RenderImage {IMG} at (5,5) size 156x36 [border: (3px solid #0000 00)] 447 RenderImage {IMG} at (5,5) size 156x36 [border: (3px solid #0000 00)]
448 RenderImage {IMG} at (161,5) size 156x36 [border: (3px solid #00 0000)] 448 RenderImage {IMG} at (161,5) size 156x36 [border: (3px solid #00 0000)]
449 RenderImage {IMG} at (5,41) size 156x36 [border: (3px solid #000 000)] 449 RenderImage {IMG} at (5,41) size 156x36 [border: (3px solid #000 000)]
450 RenderText {#text} at (317,5) size 350x180 450 RenderText {#text} at (317,5) size 350x180
451 text run at (317,5) width 28: "This" 451 text run at (317,5) width 28: "This"
452 text run at (317,23) width 37: "is text" 452 text run at (317,23) width 37: "is text"
453 text run at (161,41) width 104: "within the DIV. " 453 text run at (161,41) width 104: "within the DIV. "
454 text run at (265,41) width 77: "The floating" 454 text run at (265,41) width 77: "The floating"
455 text run at (161,59) width 193: "images within this DIV should " 455 text run at (161,59) width 193: "images within this DIV should "
456 text run at (5,77) width 338: "not go beyond the left or right inner edge of this DIV," 456 text run at (5,77) width 338: "not go beyond the left or right inner edge of this DIV,"
457 text run at (5,95) width 324: "which means that the borders of the floating images" 457 text run at (5,95) width 324: "which means that the borders of the floating images"
458 text run at (5,113) width 350: "should not overlap the top or side borders of the DIV in" 458 text run at (5,113) width 350: "should not overlap the top or side borders of the DIV in"
459 text run at (5,131) width 62: "any way. " 459 text run at (5,131) width 62: "any way. "
460 text run at (67,131) width 257: "In addition, they should not overlap each" 460 text run at (67,131) width 257: "In addition, they should not overlap each"
461 text run at (5,149) width 40: "other. " 461 text run at (5,149) width 40: "other. "
462 text run at (45,149) width 307: "The first two should be side by side, whereas the" 462 text run at (45,149) width 307: "The first two should be side by side, whereas the"
463 text run at (5,167) width 213: "third should be on the next \" line.\"" 463 text run at (5,167) width 213: "third should be on the next \" line.\""
464 RenderBlock {HR} at (28,798) size 563x2 [border: (1px inset #EEEEE E)] 464 RenderBlock {HR} at (28,798) size 562.25x2 [border: (1px inset #EE EEEE)]
465 RenderBlock {DIV} at (6,824) size 314x350 [border: (5px solid #800 080)] 465 RenderBlock {DIV} at (6,824) size 314x350 [border: (5px solid #800 080)]
466 RenderBlock (floating) {P} at (5,5) size 194x88 [bgcolor=#C0C0C0 ] [border: (1px solid #00FF00)] 466 RenderBlock (floating) {P} at (5,5) size 194x88 [bgcolor=#C0C0C0 ] [border: (1px solid #00FF00)]
467 RenderText {#text} at (17,17) size 130x54 467 RenderText {#text} at (17,17) size 130x54
468 text run at (17,17) width 130: "This is a left-floating" 468 text run at (17,17) width 130: "This is a left-floating"
469 text run at (17,35) width 112: "paragraph (first in" 469 text run at (17,35) width 112: "paragraph (first in"
470 text run at (17,53) width 50: "source)." 470 text run at (17,53) width 50: "source)."
471 RenderBlock (floating) {P} at (115,93) size 194x88 [bgcolor=#C0C 0C0] [border: (1px solid #00FF00)] 471 RenderBlock (floating) {P} at (115,93) size 194x88 [bgcolor=#C0C 0C0] [border: (1px solid #00FF00)]
472 RenderText {#text} at (17,17) size 139x54 472 RenderText {#text} at (17,17) size 139x54
473 text run at (17,17) width 139: "This is a right-floating" 473 text run at (17,17) width 139: "This is a right-floating"
474 text run at (17,35) width 132: "paragraph (second in" 474 text run at (17,35) width 132: "paragraph (second in"
(...skipping 11 matching lines...) Expand all
486 text run at (5,183) width 292: "means that the borders of the floating elements" 486 text run at (5,183) width 292: "means that the borders of the floating elements"
487 text run at (5,201) width 301: "should not overlap the top or side borders of the" 487 text run at (5,201) width 301: "should not overlap the top or side borders of the"
488 text run at (5,219) width 111: "DIV in any way. " 488 text run at (5,219) width 111: "DIV in any way. "
489 text run at (116,219) width 173: "In addition, they should not " 489 text run at (116,219) width 173: "In addition, they should not "
490 text run at (5,237) width 288: "overlap each other in any way, nor should the" 490 text run at (5,237) width 288: "overlap each other in any way, nor should the"
491 text run at (5,255) width 304: "floated elements be overwritte n by the DIV text." 491 text run at (5,255) width 304: "floated elements be overwritte n by the DIV text."
492 text run at (5,273) width 290: "In addition, the floated eleme nts should not be" 492 text run at (5,273) width 290: "In addition, the floated eleme nts should not be"
493 text run at (5,291) width 268: "side-by-side, but instead the first should be" 493 text run at (5,291) width 268: "side-by-side, but instead the first should be"
494 text run at (5,309) width 288: "floated left, and the second f loated to the right" 494 text run at (5,309) width 288: "floated left, and the second f loated to the right"
495 text run at (5,327) width 94: "below the first." 495 text run at (5,327) width 94: "below the first."
496 RenderBlock {HR} at (357,1182) size 41x2 [border: (1px inset #EEEE EE)] 496 RenderBlock {HR} at (357.83,1182) size 39.34x2 [border: (1px inset #EEEEEE)]
497 RenderBlock {DIV} at (6,1192) size 410x226 [border: (5px solid #80 0080)] 497 RenderBlock {DIV} at (6,1192) size 410x226 [border: (5px solid #80 0080)]
498 RenderImage {IMG} at (5,5) size 256x36 [border: (3px solid #0000 00)] 498 RenderImage {IMG} at (5,5) size 256x36 [border: (3px solid #0000 00)]
499 RenderImage {IMG} at (149,41) size 256x36 [border: (3px solid #0 00000)] 499 RenderImage {IMG} at (149,41) size 256x36 [border: (3px solid #0 00000)]
500 RenderText {#text} at (261,5) size 392x216 500 RenderText {#text} at (261,5) size 392x216
501 text run at (261,5) width 136: "This is text within the" 501 text run at (261,5) width 136: "This is text within the"
502 text run at (261,23) width 37: "DIV. " 502 text run at (261,23) width 37: "DIV. "
503 text run at (298,23) width 77: "The floating" 503 text run at (298,23) width 77: "The floating"
504 text run at (5,41) width 114: "images within this" 504 text run at (5,41) width 114: "images within this"
505 text run at (5,59) width 119: "DIV should not go" 505 text run at (5,59) width 119: "DIV should not go"
506 text run at (5,77) width 381: "beyond the left or right inner edge of this DIV, which means" 506 text run at (5,77) width 381: "beyond the left or right inner edge of this DIV, which means"
507 text run at (5,95) width 381: "that the borders of the floatin g images should not overlap the" 507 text run at (5,95) width 381: "that the borders of the floatin g images should not overlap the"
508 text run at (5,113) width 272: "top or side borders of the DIV in any way. " 508 text run at (5,113) width 272: "top or side borders of the DIV in any way. "
509 text run at (277,113) width 103: "In addition, they" 509 text run at (277,113) width 103: "In addition, they"
510 text run at (5,131) width 358: "should not overlap each other in any way, nor should the" 510 text run at (5,131) width 358: "should not overlap each other in any way, nor should the"
511 text run at (5,149) width 308: "floated elements be overwritte n by the DIV text. " 511 text run at (5,149) width 308: "floated elements be overwritte n by the DIV text. "
512 text run at (313,149) width 72: "In addition," 512 text run at (313,149) width 72: "In addition,"
513 text run at (5,167) width 382: "the floated images should not be side-by-side, but instead the" 513 text run at (5,167) width 382: "the floated images should not be side-by-side, but instead the"
514 text run at (5,185) width 381: "first should be floated left, and the second floated to the right" 514 text run at (5,185) width 381: "first should be floated left, and the second floated to the right"
515 text run at (5,203) width 94: "below the first." 515 text run at (5,203) width 94: "below the first."
516 RenderBlock {HR} at (28,1442) size 563x2 [border: (1px inset #EEEE EE)] 516 RenderBlock {HR} at (28,1442) size 562.25x2 [border: (1px inset #E EEEEE)]
517 RenderBlock {DIV} at (6,1468) size 743x118 [border: (5px solid #80 0080)] 517 RenderBlock {DIV} at (6,1468) size 743x118 [border: (5px solid #80 0080)]
518 RenderBlock (floating) {P} at (544,5) size 194x88 [bgcolor=#C0C0 C0] [border: (1px solid #00FF00)] 518 RenderBlock (floating) {P} at (544,5) size 194x88 [bgcolor=#C0C0 C0] [border: (1px solid #00FF00)]
519 RenderText {#text} at (17,17) size 139x54 519 RenderText {#text} at (17,17) size 139x54
520 text run at (17,17) width 139: "This is a right-floating" 520 text run at (17,17) width 139: "This is a right-floating"
521 text run at (17,35) width 112: "paragraph (first in" 521 text run at (17,35) width 112: "paragraph (first in"
522 text run at (17,53) width 50: "source)." 522 text run at (17,53) width 50: "source)."
523 RenderBlock (floating) {P} at (5,5) size 194x88 [bgcolor=#C0C0C0 ] [border: (1px solid #00FF00)] 523 RenderBlock (floating) {P} at (5,5) size 194x88 [bgcolor=#C0C0C0 ] [border: (1px solid #00FF00)]
524 RenderText {#text} at (17,17) size 132x54 524 RenderText {#text} at (17,17) size 132x54
525 text run at (17,17) width 130: "This is a left-floating" 525 text run at (17,17) width 130: "This is a left-floating"
526 text run at (17,35) width 132: "paragraph (second in" 526 text run at (17,35) width 132: "paragraph (second in"
527 text run at (17,53) width 50: "source)." 527 text run at (17,53) width 50: "source)."
528 RenderText {#text} at (199,5) size 533x108 528 RenderText {#text} at (199,5) size 533x108
529 text run at (199,5) width 177: "This is text within the DIV. " 529 text run at (199,5) width 177: "This is text within the DIV. "
530 text run at (376,5) width 136: "The floating elements" 530 text run at (376,5) width 136: "The floating elements"
531 text run at (199,23) width 333: "within this DIV should not go beyond the top side of" 531 text run at (199,23) width 333: "within this DIV should not go beyond the top side of"
532 text run at (199,41) width 339: "this DIV, which means that th e borders of the floating" 532 text run at (199,41) width 339: "this DIV, which means that th e borders of the floating"
533 text run at (199,59) width 337: "elements should not overlap t he top or side borders of" 533 text run at (199,59) width 337: "elements should not overlap t he top or side borders of"
534 text run at (199,77) width 134: "the DIV in any way. " 534 text run at (199,77) width 134: "the DIV in any way. "
535 text run at (333,77) width 188: "In addition, the top of the l eft-" 535 text run at (333,77) width 188: "In addition, the top of the l eft-"
536 text run at (5,95) width 445: "floating box should not be high er than the top of the right-floating box." 536 text run at (5,95) width 445: "floating box should not be high er than the top of the right-floating box."
537 RenderBlock {HR} at (357,1594) size 41x2 [border: (1px inset #EEEE EE)] 537 RenderBlock {HR} at (357.83,1594) size 39.34x2 [border: (1px inset #EEEEEE)]
538 RenderBlock {DIV} at (6,1604) size 743x64 [border: (5px solid #800 080)] 538 RenderBlock {DIV} at (6,1604) size 743x64 [border: (5px solid #800 080)]
539 RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #00000 0)] 539 RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #00000 0)]
540 RenderImage {IMG} at (723,5) size 15x36 [border: (3px solid #000 000)] 540 RenderImage {IMG} at (723,5) size 15x36 [border: (3px solid #000 000)]
541 RenderText {#text} at (20,5) size 723x54 541 RenderText {#text} at (20,5) size 723x54
542 text run at (20,5) width 177: "This is text within the DIV. " 542 text run at (20,5) width 177: "This is text within the DIV. "
543 text run at (197,5) width 525: "The floating images within thi s DIV should not go beyond the top side of this DIV," 543 text run at (197,5) width 525: "The floating images within thi s DIV should not go beyond the top side of this DIV,"
544 text run at (20,23) width 678: "which means that the borders o f the floating images should not overlap the top or side borders of the DIV in" 544 text run at (20,23) width 678: "which means that the borders o f the floating images should not overlap the top or side borders of the DIV in"
545 text run at (5,41) width 62: "any way. " 545 text run at (5,41) width 62: "any way. "
546 text run at (67,41) width 661: "In addition, the top of the le ft-floating image should not be higher than the top of the right-floating image. " 546 text run at (67,41) width 661: "In addition, the top of the le ft-floating image should not be higher than the top of the right-floating image. "
547 RenderBlock {HR} at (28,1692) size 563x2 [border: (1px inset #EEEE EE)] 547 RenderBlock {HR} at (28,1692) size 562.25x2 [border: (1px inset #E EEEEE)]
548 RenderBlock {DIV} at (6,1718) size 743x136 [border: (5px solid #80 0080)] 548 RenderBlock {DIV} at (6,1718) size 743x136 [border: (5px solid #80 0080)]
549 RenderText {#text} at (199,5) size 185x18 549 RenderText {#text} at (199,5) size 185x18
550 text run at (199,5) width 177: "This is text within the DIV. " 550 text run at (199,5) width 177: "This is text within the DIV. "
551 text run at (376,5) width 8: "*" 551 text run at (376,5) width 8: "*"
552 RenderBlock (floating) {P} at (5,5) size 194x88 [bgcolor=#C0C0C0 ] [border: (1px solid #00FF00)] 552 RenderBlock (floating) {P} at (5,5) size 194x88 [bgcolor=#C0C0C0 ] [border: (1px solid #00FF00)]
553 RenderText {#text} at (17,17) size 130x54 553 RenderText {#text} at (17,17) size 130x54
554 text run at (17,17) width 130: "This is a left-floating" 554 text run at (17,17) width 130: "This is a left-floating"
555 text run at (17,35) width 112: "paragraph (first in" 555 text run at (17,35) width 112: "paragraph (first in"
556 text run at (17,53) width 50: "source)." 556 text run at (17,53) width 50: "source)."
557 RenderText {#text} at (384,5) size 518x36 557 RenderText {#text} at (384,5) size 518x36
558 text run at (384,5) width 333: " The floating elements within this DIV should not go" 558 text run at (384,5) width 333: " The floating elements within this DIV should not go"
559 text run at (199,23) width 504: "any higher than the line-box containing the inline content which precedes them. " 559 text run at (199,23) width 504: "any higher than the line-box containing the inline content which precedes them. "
560 text run at (703,23) width 8: "*" 560 text run at (703,23) width 8: "*"
561 RenderBlock (floating) {P} at (544,41) size 194x88 [bgcolor=#C0C 0C0] [border: (1px solid #00FF00)] 561 RenderBlock (floating) {P} at (544,41) size 194x88 [bgcolor=#C0C 0C0] [border: (1px solid #00FF00)]
562 RenderText {#text} at (17,17) size 139x54 562 RenderText {#text} at (17,17) size 139x54
563 text run at (17,17) width 139: "This is a right-floating" 563 text run at (17,17) width 139: "This is a right-floating"
564 text run at (17,35) width 132: "paragraph (second in" 564 text run at (17,35) width 132: "paragraph (second in"
565 text run at (17,53) width 50: "source)." 565 text run at (17,53) width 50: "source)."
566 RenderText {#text} at (199,41) size 539x90 566 RenderText {#text} at (199,41) size 539x90
567 text run at (199,41) width 321: "This means that the top side of each float can be, at" 567 text run at (199,41) width 321: "This means that the top side of each float can be, at"
568 text run at (199,59) width 313: "most, as high as the top edge of the inline element" 568 text run at (199,59) width 313: "most, as high as the top edge of the inline element"
569 text run at (199,77) width 343: "containing the content just b efore the floating elements" 569 text run at (199,77) width 343: "containing the content just b efore the floating elements"
570 text run at (5,95) width 127: "occur in the source. " 570 text run at (5,95) width 127: "occur in the source. "
571 text run at (132,95) width 412: "In order to mark these points clearly, an asterisk has been inserted" 571 text run at (132,95) width 412: "In order to mark these points clearly, an asterisk has been inserted"
572 text run at (5,113) width 203: "just before each floated eleme nt." 572 text run at (5,113) width 203: "just before each floated eleme nt."
573 RenderBlock {HR} at (357,1862) size 41x2 [border: (1px inset #EEEE EE)] 573 RenderBlock {HR} at (357.83,1862) size 39.34x2 [border: (1px inset #EEEEEE)]
574 RenderBlock {DIV} at (6,1872) size 743x82 [border: (5px solid #800 080)] 574 RenderBlock {DIV} at (6,1872) size 743x82 [border: (5px solid #800 080)]
575 RenderText {#text} at (20,5) size 185x18 575 RenderText {#text} at (20,5) size 185x18
576 text run at (20,5) width 177: "This is text within the DIV. " 576 text run at (20,5) width 177: "This is text within the DIV. "
577 text run at (197,5) width 8: "*" 577 text run at (197,5) width 8: "*"
578 RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #00000 0)] 578 RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #00000 0)]
579 RenderText {#text} at (205,5) size 688x36 579 RenderText {#text} at (205,5) size 688x36
580 text run at (205,5) width 503: " The floating images within th is DIV should not go any higher than the line-box" 580 text run at (205,5) width 503: " The floating images within th is DIV should not go any higher than the line-box"
581 text run at (20,23) width 323: "containing the inline content which precedes them. " 581 text run at (20,23) width 323: "containing the inline content which precedes them. "
582 text run at (343,23) width 12: "* " 582 text run at (343,23) width 12: "* "
583 RenderImage {IMG} at (723,23) size 15x36 [border: (3px solid #00 0000)] 583 RenderImage {IMG} at (723,23) size 15x36 [border: (3px solid #00 0000)]
584 RenderText {#text} at (355,23) size 709x54 584 RenderText {#text} at (355,23) size 709x54
585 text run at (355,23) width 359: "This means that the top side of each float can be, at most," 585 text run at (355,23) width 359: "This means that the top side of each float can be, at most,"
586 text run at (5,41) width 689: "as high as the top edge of the inline element containing the content just before the floating images occur in t he" 586 text run at (5,41) width 689: "as high as the top edge of the inline element containing the content just before the floating images occur in t he"
587 text run at (5,59) width 49: "source. " 587 text run at (5,59) width 49: "source. "
588 text run at (54,59) width 608: "In order to mark these points clearly, an asterisk has been inserted just before each floated image." 588 text run at (54,59) width 608: "In order to mark these points clearly, an asterisk has been inserted just before each floated image."
589 RenderBlock {HR} at (28,1978) size 563x2 [border: (1px inset #EEEE EE)] 589 RenderBlock {HR} at (28,1978) size 562.25x2 [border: (1px inset #E EEEEE)]
590 RenderBlock {DIV} at (6,2004) size 743x226 [border: (5px solid #80 0080)] 590 RenderBlock {DIV} at (6,2004) size 743x226 [border: (5px solid #80 0080)]
591 RenderText {#text} at (199,5) size 185x18 591 RenderText {#text} at (199,5) size 185x18
592 text run at (199,5) width 177: "This is text within the DIV. " 592 text run at (199,5) width 177: "This is text within the DIV. "
593 text run at (376,5) width 8: "*" 593 text run at (376,5) width 8: "*"
594 RenderBlock (floating) {P} at (5,5) size 194x88 [bgcolor=#C0C0C0 ] [border: (1px solid #00FF00)] 594 RenderBlock (floating) {P} at (5,5) size 194x88 [bgcolor=#C0C0C0 ] [border: (1px solid #00FF00)]
595 RenderText {#text} at (17,17) size 130x54 595 RenderText {#text} at (17,17) size 130x54
596 text run at (17,17) width 130: "This is a left-floating" 596 text run at (17,17) width 130: "This is a left-floating"
597 text run at (17,35) width 112: "paragraph (first in" 597 text run at (17,35) width 112: "paragraph (first in"
598 text run at (17,53) width 50: "source)." 598 text run at (17,53) width 50: "source)."
599 RenderText {#text} at (384,5) size 518x36 599 RenderText {#text} at (384,5) size 518x36
(...skipping 26 matching lines...) Expand all
626 text run at (17,35) width 126: "paragraph (fourth in" 626 text run at (17,35) width 126: "paragraph (fourth in"
627 text run at (17,53) width 50: "source)." 627 text run at (17,53) width 50: "source)."
628 RenderText {#text} at (639,131) size 539x90 628 RenderText {#text} at (639,131) size 539x90
629 text run at (639,131) width 70: " In order to" 629 text run at (639,131) width 70: " In order to"
630 text run at (199,149) width 492: "mark these points clearly, a n asterisk has been inserted just before each floated" 630 text run at (199,149) width 492: "mark these points clearly, a n asterisk has been inserted just before each floated"
631 text run at (199,167) width 57: "element. " 631 text run at (199,167) width 57: "element. "
632 text run at (256,167) width 477: "If a line has room for a flo ated element, then the element should float so that" 632 text run at (256,167) width 477: "If a line has room for a flo ated element, then the element should float so that"
633 text run at (199,185) width 470: "its top is aligned with the top of the line-box in which the asterisk appears. " 633 text run at (199,185) width 470: "its top is aligned with the top of the line-box in which the asterisk appears. "
634 text run at (669,185) width 69: "Otherwise," 634 text run at (669,185) width 69: "Otherwise,"
635 text run at (199,203) width 329: "its top should align with th e top of the next line-box." 635 text run at (199,203) width 329: "its top should align with th e top of the next line-box."
636 RenderBlock {HR} at (357,2241) size 41x2 [border: (1px inset #EEEE EE)] 636 RenderBlock {HR} at (357.83,2241) size 39.34x2 [border: (1px inset #EEEEEE)]
637 RenderBlock {DIV} at (6,2251) size 743x118 [border: (5px solid #80 0080)] 637 RenderBlock {DIV} at (6,2251) size 743x118 [border: (5px solid #80 0080)]
638 RenderText {#text} at (20,5) size 185x18 638 RenderText {#text} at (20,5) size 185x18
639 text run at (20,5) width 177: "This is text within the DIV. " 639 text run at (20,5) width 177: "This is text within the DIV. "
640 text run at (197,5) width 8: "*" 640 text run at (197,5) width 8: "*"
641 RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #00000 0)] 641 RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #00000 0)]
642 RenderText {#text} at (205,5) size 673x36 642 RenderText {#text} at (205,5) size 673x36
643 text run at (205,5) width 503: " The floating images within th is DIV should not go any higher than the line-box" 643 text run at (205,5) width 503: " The floating images within th is DIV should not go any higher than the line-box"
644 text run at (35,23) width 323: "containing the inline content which precedes them. " 644 text run at (35,23) width 323: "containing the inline content which precedes them. "
645 text run at (358,23) width 12: "* " 645 text run at (358,23) width 12: "* "
646 RenderImage {IMG} at (723,23) size 15x36 [border: (3px solid #00 0000)] 646 RenderImage {IMG} at (723,23) size 15x36 [border: (3px solid #00 0000)]
647 RenderText {#text} at (370,23) size 318x18 647 RenderText {#text} at (370,23) size 318x18
648 text run at (370,23) width 310: "This means that the top side of each float can be, " 648 text run at (370,23) width 310: "This means that the top side of each float can be, "
649 text run at (680,23) width 8: "*" 649 text run at (680,23) width 8: "*"
650 RenderImage {IMG} at (20,23) size 15x36 [border: (3px solid #000 000)] 650 RenderImage {IMG} at (20,23) size 15x36 [border: (3px solid #000 000)]
651 RenderText {#text} at (688,23) size 703x54 651 RenderText {#text} at (688,23) size 703x54
652 text run at (688,23) width 15: " at" 652 text run at (688,23) width 15: " at"
653 text run at (35,41) width 688: "most, as high as the top edge of the inline element containing the content just before the floating images occ ur" 653 text run at (35,41) width 688: "most, as high as the top edge of the inline element containing the content just before the floating images occ ur"
654 text run at (20,59) width 88: "in the source. " 654 text run at (20,59) width 88: "in the source. "
655 text run at (108,59) width 8: "*" 655 text run at (108,59) width 8: "*"
656 RenderImage {IMG} at (5,59) size 15x36 [border: (3px solid #0000 00)] 656 RenderImage {IMG} at (5,59) size 15x36 [border: (3px solid #0000 00)]
657 RenderText {#text} at (116,59) size 727x54 657 RenderText {#text} at (116,59) size 727x54
658 text run at (116,59) width 612: " In order to mark these point s clearly, an asterisk has been inserted just before each floated image." 658 text run at (116,59) width 612: " In order to mark these point s clearly, an asterisk has been inserted just before each floated image."
659 text run at (20,77) width 712: "If a line has room for a float ed image, then the image should float so that its top is aligned with the top of the line-" 659 text run at (20,77) width 712: "If a line has room for a float ed image, then the image should float so that its top is aligned with the top of the line-"
660 text run at (5,95) width 217: "box in which the asterisk appea rs. " 660 text run at (5,95) width 217: "box in which the asterisk appea rs. "
661 text run at (222,95) width 402: "Otherwise, its top should ali gn with the top of the next line-box." 661 text run at (222,95) width 402: "Otherwise, its top should ali gn with the top of the next line-box."
662 RenderBlock {HR} at (28,2393) size 563x2 [border: (1px inset #EEEE EE)] 662 RenderBlock {HR} at (28,2393) size 562.25x2 [border: (1px inset #E EEEEE)]
663 RenderBlock {DIV} at (6,2419) size 490x298 [border: (5px solid #80 0080)] 663 RenderBlock {DIV} at (6,2419) size 490x298 [border: (5px solid #80 0080)]
664 RenderText {#text} at (199,5) size 54x18 664 RenderText {#text} at (199,5) size 54x18
665 text run at (199,5) width 54: "This is *" 665 text run at (199,5) width 54: "This is *"
666 RenderBlock (floating) {P} at (5,5) size 194x88 [bgcolor=#C0C0C0 ] [border: (1px solid #00FF00)] 666 RenderBlock (floating) {P} at (5,5) size 194x88 [bgcolor=#C0C0C0 ] [border: (1px solid #00FF00)]
667 RenderText {#text} at (17,17) size 130x54 667 RenderText {#text} at (17,17) size 130x54
668 text run at (17,17) width 130: "This is a left-floating" 668 text run at (17,17) width 130: "This is a left-floating"
669 text run at (17,35) width 112: "paragraph (first in" 669 text run at (17,35) width 112: "paragraph (first in"
670 text run at (17,53) width 50: "source)." 670 text run at (17,53) width 50: "source)."
671 RenderText {#text} at (253,5) size 12x18 671 RenderText {#text} at (253,5) size 12x18
672 text run at (253,5) width 12: " *" 672 text run at (253,5) width 12: " *"
(...skipping 12 matching lines...) Expand all
685 text run at (5,113) width 447: "border of the DIV should abut the green border of the floating element." 685 text run at (5,113) width 447: "border of the DIV should abut the green border of the floating element."
686 text run at (5,131) width 444: "Similarly, the right floating element should be placed in the upper right" 686 text run at (5,131) width 444: "Similarly, the right floating element should be placed in the upper right"
687 text run at (5,149) width 468: "corner of the DIV, and the pur ple border of the DIV should abut the green" 687 text run at (5,149) width 468: "corner of the DIV, and the pur ple border of the DIV should abut the green"
688 text run at (5,167) width 451: "border of the floating element . The text of the DIV element should flow" 688 text run at (5,167) width 451: "border of the floating element . The text of the DIV element should flow"
689 text run at (5,185) width 461: "between and under the two floa ting elements. The two asterisk characters" 689 text run at (5,185) width 461: "between and under the two floa ting elements. The two asterisk characters"
690 text run at (5,203) width 468: "mark the insertion points of t he floating elements. It is expected that, under" 690 text run at (5,203) width 468: "mark the insertion points of t he floating elements. It is expected that, under"
691 text run at (5,221) width 470: "future specifications, it may be acceptable for the top of floated elements to" 691 text run at (5,221) width 470: "future specifications, it may be acceptable for the top of floated elements to"
692 text run at (5,239) width 475: "align with the top of the line -box following the insertion point of the floated" 692 text run at (5,239) width 475: "align with the top of the line -box following the insertion point of the floated"
693 text run at (5,257) width 466: "element to avoid floating elem ents appearing before text which precedes it" 693 text run at (5,257) width 466: "element to avoid floating elem ents appearing before text which precedes it"
694 text run at (5,275) width 150: "in the source document." 694 text run at (5,275) width 150: "in the source document."
695 RenderBlock {HR} at (357,2725) size 41x2 [border: (1px inset #EEEE EE)] 695 RenderBlock {HR} at (357.83,2725) size 39.34x2 [border: (1px inset #EEEEEE)]
696 RenderBlock {DIV} at (6,2735) size 490x226 [border: (5px solid #80 0080)] 696 RenderBlock {DIV} at (6,2735) size 490x226 [border: (5px solid #80 0080)]
697 RenderText {#text} at (20,5) size 54x18 697 RenderText {#text} at (20,5) size 54x18
698 text run at (20,5) width 54: "This is *" 698 text run at (20,5) width 54: "This is *"
699 RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #00000 0)] 699 RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #00000 0)]
700 RenderText {#text} at (74,5) size 12x18 700 RenderText {#text} at (74,5) size 12x18
701 text run at (74,5) width 12: " *" 701 text run at (74,5) width 12: " *"
702 RenderImage {IMG} at (470,5) size 15x36 [border: (3px solid #000 000)] 702 RenderImage {IMG} at (470,5) size 15x36 [border: (3px solid #000 000)]
703 RenderText {#text} at (86,5) size 480x216 703 RenderText {#text} at (86,5) size 480x216
704 text run at (86,5) width 135: " text within the DIV. " 704 text run at (86,5) width 135: " text within the DIV. "
705 text run at (221,5) width 226: "Under CSS1, the left floating image" 705 text run at (221,5) width 226: "Under CSS1, the left floating image"
706 text run at (20,23) width 424: "should be placed in the upper left corner of the DIV, and the purple" 706 text run at (20,23) width 424: "should be placed in the upper left corner of the DIV, and the purple"
707 text run at (5,41) width 436: "border of the DIV should abut t he green border of the floating image." 707 text run at (5,41) width 436: "border of the DIV should abut t he green border of the floating image."
708 text run at (5,59) width 477: "Similarly, the right floating i mage should be placed in the upper right corner" 708 text run at (5,59) width 477: "Similarly, the right floating i mage should be placed in the upper right corner"
709 text run at (5,77) width 469: "of the DIV, and the purple bord er of the DIV should abut the green border" 709 text run at (5,77) width 469: "of the DIV, and the purple bord er of the DIV should abut the green border"
710 text run at (5,95) width 479: "of the floating image. The text of the DIV element should flow between and" 710 text run at (5,95) width 479: "of the floating image. The text of the DIV element should flow between and"
711 text run at (5,113) width 477: "under the two floating image. The two asterisk characters mark the insertion" 711 text run at (5,113) width 477: "under the two floating image. The two asterisk characters mark the insertion"
712 text run at (5,131) width 180: "points of the floating image. " 712 text run at (5,131) width 180: "points of the floating image. "
713 text run at (185,131) width 300: "It is expected that, under f uture specifications, it" 713 text run at (185,131) width 300: "It is expected that, under f uture specifications, it"
714 text run at (5,149) width 478: "may be acceptable for the top of floated elements to align with the top of the" 714 text run at (5,149) width 478: "may be acceptable for the top of floated elements to align with the top of the"
715 text run at (5,167) width 429: "line-box following the inserti on point of the floated element to avoid" 715 text run at (5,167) width 429: "line-box following the inserti on point of the floated element to avoid"
716 text run at (5,185) width 442: "floating elements appearing be fore text which precedes it in the source" 716 text run at (5,185) width 442: "floating elements appearing be fore text which precedes it in the source"
717 text run at (5,203) width 66: "document." 717 text run at (5,203) width 66: "document."
718 RenderBlock {HR} at (28,2985) size 563x2 [border: (1px inset #EEEE EE)] 718 RenderBlock {HR} at (28,2985) size 562.25x2 [border: (1px inset #E EEEEE)]
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698