OLD | NEW |
1 layer at (0,0) size 785x6501 | 1 layer at (0,0) size 785x6501 |
2 RenderView at (0,0) size 785x600 | 2 RenderView at (0,0) size 785x600 |
3 layer at (0,0) size 785x6501 | 3 layer at (0,0) size 785x6501 |
4 RenderBlock {HTML} at (0,0) size 785x6501 | 4 RenderBlock {HTML} at (0,0) size 785x6501 |
5 RenderBody {BODY} at (8,8) size 769x6485 [bgcolor=#CCCCCC] | 5 RenderBody {BODY} at (8,8) size 769x6485 [bgcolor=#CCCCCC] |
6 RenderBlock {P} at (0,0) size 769x20 | 6 RenderBlock {P} at (0,0) size 769x20 |
7 RenderText {#text} at (0,0) size 337x19 | 7 RenderText {#text} at (0,0) size 337x19 |
8 text run at (0,0) width 337: "The style declarations which apply to th
e text below are:" | 8 text run at (0,0) width 337: "The style declarations which apply to th
e text below are:" |
9 RenderBlock {PRE} at (0,36) size 769x144 | 9 RenderBlock {PRE} at (0,36) size 769x144 |
10 RenderText {#text} at (0,0) size 480x144 | 10 RenderText {#text} at (0,0) size 480x144 |
(...skipping 13 matching lines...) Expand all Loading... |
24 text run at (160,96) width 0: " " | 24 text run at (160,96) width 0: " " |
25 text run at (0,112) width 176: ".right {float: right;}" | 25 text run at (0,112) width 176: ".right {float: right;}" |
26 text run at (176,112) width 0: " " | 26 text run at (176,112) width 0: " " |
27 text run at (0,128) width 0: " " | 27 text run at (0,128) width 0: " " |
28 RenderBlock {HR} at (0,193) size 769x2 [border: (1px inset #EEEEEE)] | 28 RenderBlock {HR} at (0,193) size 769x2 [border: (1px inset #EEEEEE)] |
29 RenderBlock {P} at (0,211) size 769x40 | 29 RenderBlock {P} at (0,211) size 769x40 |
30 RenderText {#text} at (0,0) size 731x39 | 30 RenderText {#text} at (0,0) size 731x39 |
31 text run at (0,0) width 645: "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 645: "On this test page, each test is performe
d once with floating paragraphs, and then again with floating images. " |
32 text run at (645,0) width 86: "Other than the" | 32 text run at (645,0) width 86: "Other than the" |
33 text run at (0,20) width 690: "substitution of images for pargraphs, t
he structure of the test is exactly the same, including the direction of the flo
ats." | 33 text run at (0,20) width 690: "substitution of images for pargraphs, t
he structure of the test is exactly the same, including the direction of the flo
ats." |
34 RenderBlock {HR} at (24,275) size 579x2 [border: (1px inset #EEEEEE)] | 34 RenderBlock {HR} at (24,275) size 578.75x2 [border: (1px inset #EEEEEE)] |
35 RenderBlock {DIV} at (2,301) size 765x90 [border: (5px solid #800080)] | 35 RenderBlock {DIV} at (2,301) size 765x90 [border: (5px solid #800080)] |
36 RenderBlock (floating) {P} at (5,5) size 194x74 [bgcolor=#C0C0C0] [borde
r: (1px solid #00FF00)] | 36 RenderBlock (floating) {P} at (5,5) size 194x74 [bgcolor=#C0C0C0] [borde
r: (1px solid #00FF00)] |
37 RenderText {#text} at (17,17) size 159x39 | 37 RenderText {#text} at (17,17) size 159x39 |
38 text run at (17,17) width 120: "This is a left-floating" | 38 text run at (17,17) width 120: "This is a left-floating" |
39 text run at (17,37) width 159: "paragraph (first in source)." | 39 text run at (17,37) width 159: "paragraph (first in source)." |
40 RenderBlock (floating) {P} at (566,5) size 194x94 [bgcolor=#C0C0C0] [bor
der: (1px solid #00FF00)] | 40 RenderBlock (floating) {P} at (566,5) size 194x94 [bgcolor=#C0C0C0] [bor
der: (1px solid #00FF00)] |
41 RenderText {#text} at (17,17) size 128x59 | 41 RenderText {#text} at (17,17) size 128x59 |
42 text run at (17,17) width 128: "This is a right-floating" | 42 text run at (17,17) width 128: "This is a right-floating" |
43 text run at (17,37) width 127: "paragraph (second in" | 43 text run at (17,37) width 127: "paragraph (second in" |
44 text run at (17,57) width 49: "source)." | 44 text run at (17,57) width 49: "source)." |
45 RenderText {#text} at (199,5) size 358x79 | 45 RenderText {#text} at (199,5) size 358x79 |
46 text run at (199,5) width 164: "This is text within the DIV. " | 46 text run at (199,5) width 164: "This is text within the DIV. " |
47 text run at (363,5) width 189: "The floating elements within this" | 47 text run at (363,5) width 189: "The floating elements within this" |
48 text run at (199,25) width 358: "DIV should not go beyond the left or
right inner edge of this" | 48 text run at (199,25) width 358: "DIV should not go beyond the left or
right inner edge of this" |
49 text run at (199,45) width 352: "DIV, which means that the borders of
the floating elements" | 49 text run at (199,45) width 352: "DIV, which means that the borders of
the floating elements" |
50 text run at (199,65) width 326: "should not overlap the top or side bo
rders of the DIV." | 50 text run at (199,65) width 326: "should not overlap the top or side bo
rders of the DIV." |
51 RenderBlock {HR} at (364,400) size 41x2 [border: (1px inset #EEEEEE)] | 51 RenderBlock {HR} at (364.28,400) size 40.44x2 [border: (1px inset #EEEEEE)
] |
52 RenderBlock {DIV} at (2,410) size 765x50 [border: (5px solid #800080)] | 52 RenderBlock {DIV} at (2,410) size 765x50 [border: (5px solid #800080)] |
53 RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #000000)] | 53 RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #000000)] |
54 RenderImage {IMG} at (745,5) size 15x36 [border: (3px solid #000000)] | 54 RenderImage {IMG} at (745,5) size 15x36 [border: (3px solid #000000)] |
55 RenderText {#text} at (20,5) size 704x39 | 55 RenderText {#text} at (20,5) size 704x39 |
56 text run at (20,5) width 164: "This is text within the DIV. " | 56 text run at (20,5) width 164: "This is text within the DIV. " |
57 text run at (184,5) width 540: "The floating images within this DIV sh
ould not go beyond the left or right inner edge of this" | 57 text run at (184,5) width 540: "The floating images within this DIV sh
ould not go beyond the left or right inner edge of this" |
58 text run at (20,25) width 671: "DIV, which means that the borders of t
he floating images should not overlap the top or side borders of the DIV." | 58 text run at (20,25) width 671: "DIV, which means that the borders of t
he floating images should not overlap the top or side borders of the DIV." |
59 RenderBlock {HR} at (24,484) size 579x2 [border: (1px inset #EEEEEE)] | 59 RenderBlock {HR} at (24,484) size 578.75x2 [border: (1px inset #EEEEEE)] |
60 RenderBlock {DIV} at (2,510) size 442x230 [border: (5px solid #800080)] | 60 RenderBlock {DIV} at (2,510) size 442x230 [border: (5px solid #800080)] |
61 RenderBlock (floating) {P} at (5,5) size 194x74 [bgcolor=#C0C0C0] [borde
r: (1px solid #00FF00)] | 61 RenderBlock (floating) {P} at (5,5) size 194x74 [bgcolor=#C0C0C0] [borde
r: (1px solid #00FF00)] |
62 RenderText {#text} at (17,17) size 157x39 | 62 RenderText {#text} at (17,17) size 157x39 |
63 text run at (17,17) width 157: "This is the first left-floating" | 63 text run at (17,17) width 157: "This is the first left-floating" |
64 text run at (17,37) width 65: "paragraph." | 64 text run at (17,37) width 65: "paragraph." |
65 RenderBlock (floating) {P} at (199,5) size 194x74 [bgcolor=#C0C0C0] [bor
der: (1px solid #00FF00)] | 65 RenderBlock (floating) {P} at (199,5) size 194x74 [bgcolor=#C0C0C0] [bor
der: (1px solid #00FF00)] |
66 RenderText {#text} at (17,17) size 135x39 | 66 RenderText {#text} at (17,17) size 135x39 |
67 text run at (17,17) width 135: "This is the second left-" | 67 text run at (17,17) width 135: "This is the second left-" |
68 text run at (17,37) width 112: "floating paragraph." | 68 text run at (17,37) width 112: "floating paragraph." |
69 RenderBlock (floating) {P} at (5,79) size 194x74 [bgcolor=#C0C0C0] [bord
er: (1px solid #00FF00)] | 69 RenderBlock (floating) {P} at (5,79) size 194x74 [bgcolor=#C0C0C0] [bord
er: (1px solid #00FF00)] |
70 RenderText {#text} at (17,17) size 119x39 | 70 RenderText {#text} at (17,17) size 119x39 |
71 text run at (17,17) width 119: "This is the third left-" | 71 text run at (17,17) width 119: "This is the third left-" |
72 text run at (17,37) width 112: "floating paragraph." | 72 text run at (17,37) width 112: "floating paragraph." |
73 RenderText {#text} at (393,5) size 426x219 | 73 RenderText {#text} at (393,5) size 426x219 |
74 text run at (393,5) width 38: "This is" | 74 text run at (393,5) width 38: "This is" |
75 text run at (393,25) width 22: "text" | 75 text run at (393,25) width 22: "text" |
76 text run at (393,45) width 35: "within" | 76 text run at (393,45) width 35: "within" |
77 text run at (393,65) width 18: "the" | 77 text run at (393,65) width 18: "the" |
78 text run at (199,85) width 35: "DIV. " | 78 text run at (199,85) width 35: "DIV. " |
79 text run at (234,85) width 189: "The floating elements within this" | 79 text run at (234,85) width 189: "The floating elements within this" |
80 text run at (199,105) width 222: "DIV should not go beyond the left or
" | 80 text run at (199,105) width 222: "DIV should not go beyond the left or
" |
81 text run at (199,125) width 206: "right inner edge of this DIV, which" | 81 text run at (199,125) width 206: "right inner edge of this DIV, which" |
82 text run at (199,145) width 222: "means that the borders of the floati
ng" | 82 text run at (199,145) width 222: "means that the borders of the floati
ng" |
83 text run at (5,165) width 417: "elements should not overlap the top or
side borders of the DIV in any" | 83 text run at (5,165) width 417: "elements should not overlap the top or
side borders of the DIV in any" |
84 text run at (5,185) width 33: "way. " | 84 text run at (5,185) width 33: "way. " |
85 text run at (38,185) width 287: "In addition, they should not overlap
each other. " | 85 text run at (38,185) width 287: "In addition, they should not overlap
each other. " |
86 text run at (325,185) width 76: "The first two" | 86 text run at (325,185) width 76: "The first two" |
87 text run at (5,205) width 414: "should be side by side, whereas the th
ird should be on the next \"line.\"" | 87 text run at (5,205) width 414: "should be side by side, whereas the th
ird should be on the next \"line.\"" |
88 RenderBlock {HR} at (364,748) size 41x2 [border: (1px inset #EEEEEE)] | 88 RenderBlock {HR} at (364.28,748) size 40.44x2 [border: (1px inset #EEEEEE)
] |
89 RenderBlock {DIV} at (2,758) size 360x210 [border: (5px solid #800080)] | 89 RenderBlock {DIV} at (2,758) size 360x210 [border: (5px solid #800080)] |
90 RenderImage {IMG} at (5,5) size 156x36 [border: (3px solid #000000)] | 90 RenderImage {IMG} at (5,5) size 156x36 [border: (3px solid #000000)] |
91 RenderImage {IMG} at (161,5) size 156x36 [border: (3px solid #000000)] | 91 RenderImage {IMG} at (161,5) size 156x36 [border: (3px solid #000000)] |
92 RenderImage {IMG} at (5,41) size 156x36 [border: (3px solid #000000)] | 92 RenderImage {IMG} at (5,41) size 156x36 [border: (3px solid #000000)] |
93 RenderText {#text} at (317,5) size 350x199 | 93 RenderText {#text} at (317,5) size 350x199 |
94 text run at (317,5) width 38: "This is" | 94 text run at (317,5) width 38: "This is" |
95 text run at (317,25) width 22: "text" | 95 text run at (317,25) width 22: "text" |
96 text run at (161,45) width 96: "within the DIV. " | 96 text run at (161,45) width 96: "within the DIV. " |
97 text run at (257,45) width 70: "The floating" | 97 text run at (257,45) width 70: "The floating" |
98 text run at (161,65) width 178: "images within this DIV should" | 98 text run at (161,65) width 178: "images within this DIV should" |
99 text run at (5,85) width 319: "not go beyond the left or right inner e
dge of this DIV," | 99 text run at (5,85) width 319: "not go beyond the left or right inner e
dge of this DIV," |
100 text run at (5,105) width 349: "which means that the borders of the fl
oating images should" | 100 text run at (5,105) width 349: "which means that the borders of the fl
oating images should" |
101 text run at (5,125) width 318: "not overlap the top or side borders of
the DIV in any" | 101 text run at (5,125) width 318: "not overlap the top or side borders of
the DIV in any" |
102 text run at (5,145) width 33: "way. " | 102 text run at (5,145) width 33: "way. " |
103 text run at (38,145) width 287: "In addition, they should not overlap
each other. " | 103 text run at (38,145) width 287: "In addition, they should not overlap
each other. " |
104 text run at (325,145) width 23: "The" | 104 text run at (325,145) width 23: "The" |
105 text run at (5,165) width 340: "first two should be side by side, wher
eas the third should" | 105 text run at (5,165) width 340: "first two should be side by side, wher
eas the third should" |
106 text run at (5,185) width 123: "be on the next \"line.\"" | 106 text run at (5,185) width 123: "be on the next \"line.\"" |
107 RenderBlock {HR} at (24,992) size 579x2 [border: (1px inset #EEEEEE)] | 107 RenderBlock {HR} at (24,992) size 578.75x2 [border: (1px inset #EEEEEE)] |
108 RenderBlock {DIV} at (2,1018) size 314x364 [border: (5px solid #800080)] | 108 RenderBlock {DIV} at (2,1018) size 314x364 [border: (5px solid #800080)] |
109 RenderBlock (floating) {P} at (5,5) size 194x74 [bgcolor=#C0C0C0] [borde
r: (1px solid #00FF00)] | 109 RenderBlock (floating) {P} at (5,5) size 194x74 [bgcolor=#C0C0C0] [borde
r: (1px solid #00FF00)] |
110 RenderText {#text} at (17,17) size 159x39 | 110 RenderText {#text} at (17,17) size 159x39 |
111 text run at (17,17) width 120: "This is a left-floating" | 111 text run at (17,17) width 120: "This is a left-floating" |
112 text run at (17,37) width 159: "paragraph (first in source)." | 112 text run at (17,37) width 159: "paragraph (first in source)." |
113 RenderBlock (floating) {P} at (115,79) size 194x94 [bgcolor=#C0C0C0] [bo
rder: (1px solid #00FF00)] | 113 RenderBlock (floating) {P} at (115,79) size 194x94 [bgcolor=#C0C0C0] [bo
rder: (1px solid #00FF00)] |
114 RenderText {#text} at (17,17) size 128x59 | 114 RenderText {#text} at (17,17) size 128x59 |
115 text run at (17,17) width 128: "This is a right-floating" | 115 text run at (17,17) width 128: "This is a right-floating" |
116 text run at (17,37) width 127: "paragraph (second in" | 116 text run at (17,37) width 127: "paragraph (second in" |
117 text run at (17,57) width 49: "source)." | 117 text run at (17,57) width 49: "source)." |
(...skipping 10 matching lines...) Expand all Loading... |
128 text run at (5,179) width 278: "means that the borders of the floating
elements" | 128 text run at (5,179) width 278: "means that the borders of the floating
elements" |
129 text run at (5,199) width 291: "should not overlap the top or side bor
ders of the" | 129 text run at (5,199) width 291: "should not overlap the top or side bor
ders of the" |
130 text run at (5,219) width 103: "DIV in any way. " | 130 text run at (5,219) width 103: "DIV in any way. " |
131 text run at (108,219) width 163: "In addition, they should not" | 131 text run at (108,219) width 163: "In addition, they should not" |
132 text run at (5,239) width 273: "overlap each other in any way, nor sho
uld the" | 132 text run at (5,239) width 273: "overlap each other in any way, nor sho
uld the" |
133 text run at (5,259) width 290: "floated elements be overwritten by the
DIV text." | 133 text run at (5,259) width 290: "floated elements be overwritten by the
DIV text." |
134 text run at (5,279) width 276: "In addition, the floated elements shou
ld not be" | 134 text run at (5,279) width 276: "In addition, the floated elements shou
ld not be" |
135 text run at (5,299) width 303: "side-by-side, but instead the first sh
ould be floated" | 135 text run at (5,299) width 303: "side-by-side, but instead the first sh
ould be floated" |
136 text run at (5,319) width 293: "left, and the second floated to the ri
ght below the" | 136 text run at (5,319) width 293: "left, and the second floated to the ri
ght below the" |
137 text run at (5,339) width 26: "first." | 137 text run at (5,339) width 26: "first." |
138 RenderBlock {HR} at (364,1390) size 41x2 [border: (1px inset #EEEEEE)] | 138 RenderBlock {HR} at (364.28,1390) size 40.44x2 [border: (1px inset #EEEEEE
)] |
139 RenderBlock {DIV} at (2,1400) size 410x246 [border: (5px solid #800080)] | 139 RenderBlock {DIV} at (2,1400) size 410x246 [border: (5px solid #800080)] |
140 RenderImage {IMG} at (5,5) size 256x36 [border: (3px solid #000000)] | 140 RenderImage {IMG} at (5,5) size 256x36 [border: (3px solid #000000)] |
141 RenderImage {IMG} at (149,41) size 256x36 [border: (3px solid #000000)] | 141 RenderImage {IMG} at (149,41) size 256x36 [border: (3px solid #000000)] |
142 RenderText {#text} at (261,5) size 400x235 | 142 RenderText {#text} at (261,5) size 400x235 |
143 text run at (261,5) width 125: "This is text within the" | 143 text run at (261,5) width 125: "This is text within the" |
144 text run at (5,41) width 35: "DIV. " | 144 text run at (5,41) width 35: "DIV. " |
145 text run at (40,41) width 70: "The floating" | 145 text run at (40,41) width 70: "The floating" |
146 text run at (5,61) width 135: "images within this DIV" | 146 text run at (5,61) width 135: "images within this DIV" |
147 text run at (5,81) width 362: "should not go beyond the left or right
inner edge of this DIV," | 147 text run at (5,81) width 362: "should not go beyond the left or right
inner edge of this DIV," |
148 text run at (5,101) width 372: "which means that the borders of the fl
oating images should not" | 148 text run at (5,101) width 372: "which means that the borders of the fl
oating images should not" |
149 text run at (5,121) width 332: "overlap the top or side borders of the
DIV in any way. " | 149 text run at (5,121) width 332: "overlap the top or side borders of the
DIV in any way. " |
150 text run at (337,121) width 68: "In addition," | 150 text run at (337,121) width 68: "In addition," |
151 text run at (5,141) width 368: "they should not overlap each other in
any way, nor should the" | 151 text run at (5,141) width 368: "they should not overlap each other in
any way, nor should the" |
152 text run at (5,161) width 294: "floated elements be overwritten by the
DIV text. " | 152 text run at (5,161) width 294: "floated elements be overwritten by the
DIV text. " |
153 text run at (299,161) width 90: "In addition, the" | 153 text run at (299,161) width 90: "In addition, the" |
154 text run at (5,181) width 371: "floated images should not be side-by-s
ide, but instead the first" | 154 text run at (5,181) width 371: "floated images should not be side-by-s
ide, but instead the first" |
155 text run at (5,201) width 400: "should be floated left, and the second
floated to the right below the" | 155 text run at (5,201) width 400: "should be floated left, and the second
floated to the right below the" |
156 text run at (5,221) width 26: "first." | 156 text run at (5,221) width 26: "first." |
157 RenderBlock {HR} at (24,1670) size 579x2 [border: (1px inset #EEEEEE)] | 157 RenderBlock {HR} at (24,1670) size 578.75x2 [border: (1px inset #EEEEEE)] |
158 RenderBlock {DIV} at (2,1696) size 765x130 [border: (5px solid #800080)] | 158 RenderBlock {DIV} at (2,1696) size 765x130 [border: (5px solid #800080)] |
159 RenderBlock (floating) {P} at (566,5) size 194x74 [bgcolor=#C0C0C0] [bor
der: (1px solid #00FF00)] | 159 RenderBlock (floating) {P} at (566,5) size 194x74 [bgcolor=#C0C0C0] [bor
der: (1px solid #00FF00)] |
160 RenderText {#text} at (17,17) size 159x39 | 160 RenderText {#text} at (17,17) size 159x39 |
161 text run at (17,17) width 128: "This is a right-floating" | 161 text run at (17,17) width 128: "This is a right-floating" |
162 text run at (17,37) width 159: "paragraph (first in source)." | 162 text run at (17,37) width 159: "paragraph (first in source)." |
163 RenderBlock (floating) {P} at (5,5) size 194x94 [bgcolor=#C0C0C0] [borde
r: (1px solid #00FF00)] | 163 RenderBlock (floating) {P} at (5,5) size 194x94 [bgcolor=#C0C0C0] [borde
r: (1px solid #00FF00)] |
164 RenderText {#text} at (17,17) size 127x59 | 164 RenderText {#text} at (17,17) size 127x59 |
165 text run at (17,17) width 120: "This is a left-floating" | 165 text run at (17,17) width 120: "This is a left-floating" |
166 text run at (17,37) width 127: "paragraph (second in" | 166 text run at (17,37) width 127: "paragraph (second in" |
167 text run at (17,57) width 49: "source)." | 167 text run at (17,57) width 49: "source)." |
168 RenderText {#text} at (199,5) size 745x119 | 168 RenderText {#text} at (199,5) size 745x119 |
169 text run at (199,5) width 164: "This is text within the DIV. " | 169 text run at (199,5) width 164: "This is text within the DIV. " |
170 text run at (363,5) width 189: "The floating elements within this" | 170 text run at (363,5) width 189: "The floating elements within this" |
171 text run at (199,25) width 349: "DIV should not go beyond the top side
of this DIV, which" | 171 text run at (199,25) width 349: "DIV should not go beyond the top side
of this DIV, which" |
172 text run at (199,45) width 344: "means that the borders of the floatin
g elements should not" | 172 text run at (199,45) width 344: "means that the borders of the floatin
g elements should not" |
173 text run at (199,65) width 332: "overlap the top or side borders of th
e DIV in any way. " | 173 text run at (199,65) width 332: "overlap the top or side borders of th
e DIV in any way. " |
174 text run at (531,65) width 12: "In" | 174 text run at (531,65) width 12: "In" |
175 text run at (199,85) width 551: "addition, the top of the left-floatin
g box should not be higher than the top of the right-floating" | 175 text run at (199,85) width 551: "addition, the top of the left-floatin
g box should not be higher than the top of the right-floating" |
176 text run at (5,105) width 27: "box." | 176 text run at (5,105) width 27: "box." |
177 RenderBlock {HR} at (364,1834) size 41x2 [border: (1px inset #EEEEEE)] | 177 RenderBlock {HR} at (364.28,1834) size 40.44x2 [border: (1px inset #EEEEEE
)] |
178 RenderBlock {DIV} at (2,1844) size 765x70 [border: (5px solid #800080)] | 178 RenderBlock {DIV} at (2,1844) size 765x70 [border: (5px solid #800080)] |
179 RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #000000)] | 179 RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #000000)] |
180 RenderImage {IMG} at (745,5) size 15x36 [border: (3px solid #000000)] | 180 RenderImage {IMG} at (745,5) size 15x36 [border: (3px solid #000000)] |
181 RenderText {#text} at (20,5) size 710x59 | 181 RenderText {#text} at (20,5) size 710x59 |
182 text run at (20,5) width 164: "This is text within the DIV. " | 182 text run at (20,5) width 164: "This is text within the DIV. " |
183 text run at (184,5) width 531: "The floating images within this DIV sh
ould not go beyond the top side of this DIV, which" | 183 text run at (184,5) width 531: "The floating images within this DIV sh
ould not go beyond the top side of this DIV, which" |
184 text run at (20,25) width 669: "means that the borders of the floating
images should not overlap the top or side borders of the DIV in any way. " | 184 text run at (20,25) width 669: "means that the borders of the floating
images should not overlap the top or side borders of the DIV in any way. " |
185 text run at (689,25) width 12: "In" | 185 text run at (689,25) width 12: "In" |
186 text run at (5,45) width 606: "addition, the top of the left-floating
image should not be higher than the top of the right-floating image." | 186 text run at (5,45) width 606: "addition, the top of the left-floating
image should not be higher than the top of the right-floating image." |
187 RenderBlock {HR} at (24,1938) size 579x2 [border: (1px inset #EEEEEE)] | 187 RenderBlock {HR} at (24,1938) size 578.75x2 [border: (1px inset #EEEEEE)] |
188 RenderBlock {DIV} at (2,1964) size 765x130 [border: (5px solid #800080)] | 188 RenderBlock {DIV} at (2,1964) size 765x130 [border: (5px solid #800080)] |
189 RenderText {#text} at (199,5) size 172x19 | 189 RenderText {#text} at (199,5) size 172x19 |
190 text run at (199,5) width 164: "This is text within the DIV. " | 190 text run at (199,5) width 164: "This is text within the DIV. " |
191 text run at (363,5) width 8: "*" | 191 text run at (363,5) width 8: "*" |
192 RenderBlock (floating) {P} at (5,5) size 194x74 [bgcolor=#C0C0C0] [borde
r: (1px solid #00FF00)] | 192 RenderBlock (floating) {P} at (5,5) size 194x74 [bgcolor=#C0C0C0] [borde
r: (1px solid #00FF00)] |
193 RenderText {#text} at (17,17) size 159x39 | 193 RenderText {#text} at (17,17) size 159x39 |
194 text run at (17,17) width 120: "This is a left-floating" | 194 text run at (17,17) width 120: "This is a left-floating" |
195 text run at (17,37) width 159: "paragraph (first in source)." | 195 text run at (17,37) width 159: "paragraph (first in source)." |
196 RenderText {#text} at (371,5) size 546x39 | 196 RenderText {#text} at (371,5) size 546x39 |
197 text run at (371,5) width 374: " The floating elements within this DIV
should not go any higher" | 197 text run at (371,5) width 374: " The floating elements within this DIV
should not go any higher" |
198 text run at (199,25) width 407: "than the line-box containing the inli
ne content which precedes them. " | 198 text run at (199,25) width 407: "than the line-box containing the inli
ne content which precedes them. " |
199 text run at (606,25) width 12: "* " | 199 text run at (606,25) width 12: "* " |
200 RenderBlock (floating) {P} at (566,45) size 194x94 [bgcolor=#C0C0C0] [bo
rder: (1px solid #00FF00)] | 200 RenderBlock (floating) {P} at (566,45) size 194x94 [bgcolor=#C0C0C0] [bo
rder: (1px solid #00FF00)] |
201 RenderText {#text} at (17,17) size 128x59 | 201 RenderText {#text} at (17,17) size 128x59 |
202 text run at (17,17) width 128: "This is a right-floating" | 202 text run at (17,17) width 128: "This is a right-floating" |
203 text run at (17,37) width 127: "paragraph (second in" | 203 text run at (17,37) width 127: "paragraph (second in" |
204 text run at (17,57) width 49: "source)." | 204 text run at (17,57) width 49: "source)." |
205 RenderText {#text} at (618,25) size 752x99 | 205 RenderText {#text} at (618,25) size 752x99 |
206 text run at (618,25) width 139: "This means that the top" | 206 text run at (618,25) width 139: "This means that the top" |
207 text run at (199,45) width 359: "side of each float can be, at most, a
s high as the top edge of" | 207 text run at (199,45) width 359: "side of each float can be, at most, a
s high as the top edge of" |
208 text run at (199,65) width 326: "the inline element containing the con
tent just before the" | 208 text run at (199,65) width 326: "the inline element containing the con
tent just before the" |
209 text run at (5,85) width 225: "floating elements occur in the source.
" | 209 text run at (5,85) width 225: "floating elements occur in the source.
" |
210 text run at (230,85) width 314: "In order to mark these points clearly
, an asterisk has" | 210 text run at (230,85) width 314: "In order to mark these points clearly
, an asterisk has" |
211 text run at (5,105) width 279: "been inserted just before each floated
element." | 211 text run at (5,105) width 279: "been inserted just before each floated
element." |
212 RenderBlock {HR} at (364,2103) size 41x2 [border: (1px inset #EEEEEE)] | 212 RenderBlock {HR} at (364.28,2103) size 40.44x2 [border: (1px inset #EEEEEE
)] |
213 RenderBlock {DIV} at (2,2113) size 765x90 [border: (5px solid #800080)] | 213 RenderBlock {DIV} at (2,2113) size 765x90 [border: (5px solid #800080)] |
214 RenderText {#text} at (20,5) size 172x19 | 214 RenderText {#text} at (20,5) size 172x19 |
215 text run at (20,5) width 164: "This is text within the DIV. " | 215 text run at (20,5) width 164: "This is text within the DIV. " |
216 text run at (184,5) width 8: "*" | 216 text run at (184,5) width 8: "*" |
217 RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #000000)] | 217 RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #000000)] |
218 RenderText {#text} at (192,5) size 725x39 | 218 RenderText {#text} at (192,5) size 725x39 |
219 text run at (192,5) width 553: " The floating images within this DIV s
hould not go any higher than the line-box containing the" | 219 text run at (192,5) width 553: " The floating images within this DIV s
hould not go any higher than the line-box containing the" |
220 text run at (20,25) width 217: "inline content which precedes them. " | 220 text run at (20,25) width 217: "inline content which precedes them. " |
221 text run at (237,25) width 12: "* " | 221 text run at (237,25) width 12: "* " |
222 RenderImage {IMG} at (745,25) size 15x36 [border: (3px solid #000000)] | 222 RenderImage {IMG} at (745,25) size 15x36 [border: (3px solid #000000)] |
223 RenderText {#text} at (249,25) size 735x59 | 223 RenderText {#text} at (249,25) size 735x59 |
224 text run at (249,25) width 486: "This means that the top side of each
float can be, at most, as high as the top edge" | 224 text run at (249,25) width 486: "This means that the top side of each
float can be, at most, as high as the top edge" |
225 text run at (5,45) width 560: "of the inline element containing the co
ntent just before the floating images occur in the source. " | 225 text run at (5,45) width 560: "of the inline element containing the co
ntent just before the floating images occur in the source. " |
226 text run at (565,45) width 175: "In order to mark these points" | 226 text run at (565,45) width 175: "In order to mark these points" |
227 text run at (5,65) width 407: "clearly, an asterisk has been inserted
just before each floated image." | 227 text run at (5,65) width 407: "clearly, an asterisk has been inserted
just before each floated image." |
228 RenderBlock {HR} at (24,2227) size 579x2 [border: (1px inset #EEEEEE)] | 228 RenderBlock {HR} at (24,2227) size 578.75x2 [border: (1px inset #EEEEEE)] |
229 RenderBlock {DIV} at (2,2253) size 765x230 [border: (5px solid #800080)] | 229 RenderBlock {DIV} at (2,2253) size 765x230 [border: (5px solid #800080)] |
230 RenderText {#text} at (199,5) size 172x19 | 230 RenderText {#text} at (199,5) size 172x19 |
231 text run at (199,5) width 164: "This is text within the DIV. " | 231 text run at (199,5) width 164: "This is text within the DIV. " |
232 text run at (363,5) width 8: "*" | 232 text run at (363,5) width 8: "*" |
233 RenderBlock (floating) {P} at (5,5) size 194x74 [bgcolor=#C0C0C0] [borde
r: (1px solid #00FF00)] | 233 RenderBlock (floating) {P} at (5,5) size 194x74 [bgcolor=#C0C0C0] [borde
r: (1px solid #00FF00)] |
234 RenderText {#text} at (17,17) size 159x39 | 234 RenderText {#text} at (17,17) size 159x39 |
235 text run at (17,17) width 120: "This is a left-floating" | 235 text run at (17,17) width 120: "This is a left-floating" |
236 text run at (17,37) width 159: "paragraph (first in source)." | 236 text run at (17,37) width 159: "paragraph (first in source)." |
237 RenderText {#text} at (371,5) size 546x39 | 237 RenderText {#text} at (371,5) size 546x39 |
238 text run at (371,5) width 374: " The floating elements within this DIV
should not go any higher" | 238 text run at (371,5) width 374: " The floating elements within this DIV
should not go any higher" |
(...skipping 24 matching lines...) Expand all Loading... |
263 RenderText {#text} at (17,17) size 120x59 | 263 RenderText {#text} at (17,17) size 120x59 |
264 text run at (17,17) width 120: "This is a left-floating" | 264 text run at (17,17) width 120: "This is a left-floating" |
265 text run at (17,37) width 119: "paragraph (fourth in" | 265 text run at (17,37) width 119: "paragraph (fourth in" |
266 text run at (17,57) width 49: "source)." | 266 text run at (17,57) width 49: "source)." |
267 RenderText {#text} at (329,145) size 557x79 | 267 RenderText {#text} at (329,145) size 557x79 |
268 text run at (329,145) width 427: " In order to mark these points clear
ly, an asterisk has been inserted just" | 268 text run at (329,145) width 427: " In order to mark these points clear
ly, an asterisk has been inserted just" |
269 text run at (199,165) width 174: "before each floated element. " | 269 text run at (199,165) width 174: "before each floated element. " |
270 text run at (373,165) width 379: "If a line has room for a floated ele
ment, then the element should" | 270 text run at (373,165) width 379: "If a line has room for a floated ele
ment, then the element should" |
271 text run at (199,185) width 517: "float so that its top is aligned wit
h the top of the line-box in which the asterisk appears." | 271 text run at (199,185) width 517: "float so that its top is aligned wit
h the top of the line-box in which the asterisk appears." |
272 text run at (199,205) width 380: "Otherwise, its top should align with
the top of the next line-box." | 272 text run at (199,205) width 380: "Otherwise, its top should align with
the top of the next line-box." |
273 RenderBlock {HR} at (364,2492) size 41x2 [border: (1px inset #EEEEEE)] | 273 RenderBlock {HR} at (364.28,2492) size 40.44x2 [border: (1px inset #EEEEEE
)] |
274 RenderBlock {DIV} at (2,2502) size 765x130 [border: (5px solid #800080)] | 274 RenderBlock {DIV} at (2,2502) size 765x130 [border: (5px solid #800080)] |
275 RenderText {#text} at (20,5) size 172x19 | 275 RenderText {#text} at (20,5) size 172x19 |
276 text run at (20,5) width 164: "This is text within the DIV. " | 276 text run at (20,5) width 164: "This is text within the DIV. " |
277 text run at (184,5) width 8: "*" | 277 text run at (184,5) width 8: "*" |
278 RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #000000)] | 278 RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #000000)] |
279 RenderText {#text} at (192,5) size 710x39 | 279 RenderText {#text} at (192,5) size 710x39 |
280 text run at (192,5) width 553: " The floating images within this DIV s
hould not go any higher than the line-box containing the" | 280 text run at (192,5) width 553: " The floating images within this DIV s
hould not go any higher than the line-box containing the" |
281 text run at (35,25) width 217: "inline content which precedes them. " | 281 text run at (35,25) width 217: "inline content which precedes them. " |
282 text run at (252,25) width 12: "* " | 282 text run at (252,25) width 12: "* " |
283 RenderImage {IMG} at (745,25) size 15x36 [border: (3px solid #000000)] | 283 RenderImage {IMG} at (745,25) size 15x36 [border: (3px solid #000000)] |
284 RenderText {#text} at (264,25) size 305x19 | 284 RenderText {#text} at (264,25) size 305x19 |
285 text run at (264,25) width 297: "This means that the top side of each
float can be, " | 285 text run at (264,25) width 297: "This means that the top side of each
float can be, " |
286 text run at (561,25) width 8: "*" | 286 text run at (561,25) width 8: "*" |
287 RenderImage {IMG} at (20,25) size 15x36 [border: (3px solid #000000)] | 287 RenderImage {IMG} at (20,25) size 15x36 [border: (3px solid #000000)] |
288 RenderText {#text} at (569,25) size 679x39 | 288 RenderText {#text} at (569,25) size 679x39 |
289 text run at (569,25) width 160: " at most, as high as the top" | 289 text run at (569,25) width 160: " at most, as high as the top" |
290 text run at (50,45) width 593: "edge of the inline element containing
the content just before the floating images occur in the source. " | 290 text run at (50,45) width 593: "edge of the inline element containing
the content just before the floating images occur in the source. " |
291 text run at (643,45) width 8: "*" | 291 text run at (643,45) width 8: "*" |
292 RenderImage {IMG} at (35,45) size 15x36 [border: (3px solid #000000)] | 292 RenderImage {IMG} at (35,45) size 15x36 [border: (3px solid #000000)] |
293 RenderText {#text} at (651,45) size 747x79 | 293 RenderText {#text} at (651,45) size 747x79 |
294 text run at (651,45) width 69: " In order to" | 294 text run at (651,45) width 69: " In order to" |
295 text run at (50,65) width 521: "mark these points clearly, an asterisk
has been inserted just before each floated image. " | 295 text run at (50,65) width 521: "mark these points clearly, an asterisk
has been inserted just before each floated image. " |
296 text run at (571,65) width 181: "If a line has room for a floated" | 296 text run at (571,65) width 181: "If a line has room for a floated" |
297 text run at (5,85) width 693: "image, then the image should float so t
hat its top is aligned with the top of the line-box in which the asterisk appear
s." | 297 text run at (5,85) width 693: "image, then the image should float so t
hat its top is aligned with the top of the line-box in which the asterisk appear
s." |
298 text run at (5,105) width 380: "Otherwise, its top should align with t
he top of the next line-box." | 298 text run at (5,105) width 380: "Otherwise, its top should align with t
he top of the next line-box." |
299 RenderBlock {HR} at (24,2656) size 579x2 [border: (1px inset #EEEEEE)] | 299 RenderBlock {HR} at (24,2656) size 578.75x2 [border: (1px inset #EEEEEE)] |
300 RenderBlock {DIV} at (2,2682) size 490x310 [border: (5px solid #800080)] | 300 RenderBlock {DIV} at (2,2682) size 490x310 [border: (5px solid #800080)] |
301 RenderText {#text} at (199,5) size 50x19 | 301 RenderText {#text} at (199,5) size 50x19 |
302 text run at (199,5) width 50: "This is *" | 302 text run at (199,5) width 50: "This is *" |
303 RenderBlock (floating) {P} at (5,5) size 194x74 [bgcolor=#C0C0C0] [borde
r: (1px solid #00FF00)] | 303 RenderBlock (floating) {P} at (5,5) size 194x74 [bgcolor=#C0C0C0] [borde
r: (1px solid #00FF00)] |
304 RenderText {#text} at (17,17) size 159x39 | 304 RenderText {#text} at (17,17) size 159x39 |
305 text run at (17,17) width 120: "This is a left-floating" | 305 text run at (17,17) width 120: "This is a left-floating" |
306 text run at (17,37) width 159: "paragraph (first in source)." | 306 text run at (17,37) width 159: "paragraph (first in source)." |
307 RenderText {#text} at (249,5) size 12x19 | 307 RenderText {#text} at (249,5) size 12x19 |
308 text run at (249,5) width 12: " *" | 308 text run at (249,5) width 12: " *" |
309 RenderBlock (floating) {P} at (291,5) size 194x94 [bgcolor=#C0C0C0] [bor
der: (1px solid #00FF00)] | 309 RenderBlock (floating) {P} at (291,5) size 194x94 [bgcolor=#C0C0C0] [bor
der: (1px solid #00FF00)] |
(...skipping 11 matching lines...) Expand all Loading... |
321 text run at (5,125) width 184: "border of the floating element. " | 321 text run at (5,125) width 184: "border of the floating element. " |
322 text run at (189,125) width 266: "Similarly, the right floating elemen
t should be" | 322 text run at (189,125) width 266: "Similarly, the right floating elemen
t should be" |
323 text run at (5,145) width 465: "placed in the upper right corner of th
e DIV, and the purple border of the DIV" | 323 text run at (5,145) width 465: "placed in the upper right corner of th
e DIV, and the purple border of the DIV" |
324 text run at (5,165) width 434: "should abut the green border of the fl
oating element. The text of the DIV" | 324 text run at (5,165) width 434: "should abut the green border of the fl
oating element. The text of the DIV" |
325 text run at (5,185) width 448: "element should flow between and under
the two floating elements. The two" | 325 text run at (5,185) width 448: "element should flow between and under
the two floating elements. The two" |
326 text run at (5,205) width 434: "asterisk characters mark the insertion
points of the floating elements. It is" | 326 text run at (5,205) width 434: "asterisk characters mark the insertion
points of the floating elements. It is" |
327 text run at (5,225) width 460: "expected that, under future specificat
ions, it may be acceptable for the top of" | 327 text run at (5,225) width 460: "expected that, under future specificat
ions, it may be acceptable for the top of" |
328 text run at (5,245) width 478: "floated elements to align with the top
of the line-box following the insertion point" | 328 text run at (5,245) width 478: "floated elements to align with the top
of the line-box following the insertion point" |
329 text run at (5,265) width 456: "of the floated element to avoid floati
ng elements appearing before text which" | 329 text run at (5,265) width 456: "of the floated element to avoid floati
ng elements appearing before text which" |
330 text run at (5,285) width 213: "precedes it in the source document." | 330 text run at (5,285) width 213: "precedes it in the source document." |
331 RenderBlock {HR} at (364,3000) size 41x2 [border: (1px inset #EEEEEE)] | 331 RenderBlock {HR} at (364.28,3000) size 40.44x2 [border: (1px inset #EEEEEE
)] |
332 RenderBlock {DIV} at (2,3010) size 490x230 [border: (5px solid #800080)] | 332 RenderBlock {DIV} at (2,3010) size 490x230 [border: (5px solid #800080)] |
333 RenderText {#text} at (20,5) size 50x19 | 333 RenderText {#text} at (20,5) size 50x19 |
334 text run at (20,5) width 50: "This is *" | 334 text run at (20,5) width 50: "This is *" |
335 RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #000000)] | 335 RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #000000)] |
336 RenderText {#text} at (70,5) size 12x19 | 336 RenderText {#text} at (70,5) size 12x19 |
337 text run at (70,5) width 12: " *" | 337 text run at (70,5) width 12: " *" |
338 RenderImage {IMG} at (470,5) size 15x36 [border: (3px solid #000000)] | 338 RenderImage {IMG} at (470,5) size 15x36 [border: (3px solid #000000)] |
339 RenderText {#text} at (82,5) size 479x219 | 339 RenderText {#text} at (82,5) size 479x219 |
340 text run at (82,5) width 126: " text within the DIV. " | 340 text run at (82,5) width 126: " text within the DIV. " |
341 text run at (208,5) width 256: "Under CSS1, the left floating image sh
ould" | 341 text run at (208,5) width 256: "Under CSS1, the left floating image sh
ould" |
342 text run at (20,25) width 445: "be placed in the upper left corner of
the DIV, and the purple border of the" | 342 text run at (20,25) width 445: "be placed in the upper left corner of
the DIV, and the purple border of the" |
343 text run at (5,45) width 336: "DIV should abut the green border of the
floating image. " | 343 text run at (5,45) width 336: "DIV should abut the green border of the
floating image. " |
344 text run at (341,45) width 107: "Similarly, the right" | 344 text run at (341,45) width 107: "Similarly, the right" |
345 text run at (5,65) width 457: "floating image should be placed in the
upper right corner of the DIV, and the" | 345 text run at (5,65) width 457: "floating image should be placed in the
upper right corner of the DIV, and the" |
346 text run at (5,85) width 457: "purple border of the DIV should abut th
e green border of the floating image." | 346 text run at (5,85) width 457: "purple border of the DIV should abut th
e green border of the floating image." |
347 text run at (5,105) width 456: "The text of the DIV element should flo
w between and under the two floating" | 347 text run at (5,105) width 456: "The text of the DIV element should flo
w between and under the two floating" |
348 text run at (5,125) width 445: "image. The two asterisk characters mar
k the insertion points of the floating" | 348 text run at (5,125) width 445: "image. The two asterisk characters mar
k the insertion points of the floating" |
349 text run at (5,145) width 43: "image. " | 349 text run at (5,145) width 43: "image. " |
350 text run at (48,145) width 424: "It is expected that, under future spe
cifications, it may be acceptable for" | 350 text run at (48,145) width 424: "It is expected that, under future spe
cifications, it may be acceptable for" |
351 text run at (5,165) width 452: "the top of floated elements to align w
ith the top of the line-box following the" | 351 text run at (5,165) width 452: "the top of floated elements to align w
ith the top of the line-box following the" |
352 text run at (5,185) width 479: "insertion point of the floated element
to avoid floating elements appearing before" | 352 text run at (5,185) width 479: "insertion point of the floated element
to avoid floating elements appearing before" |
353 text run at (5,205) width 278: "text which precedes it in the source d
ocument." | 353 text run at (5,205) width 278: "text which precedes it in the source d
ocument." |
354 RenderBlock {HR} at (24,3264) size 579x2 [border: (1px inset #EEEEEE)] | 354 RenderBlock {HR} at (24,3264) size 578.75x2 [border: (1px inset #EEEEEE)] |
355 RenderTable {TABLE} at (0,3290) size 769x3195 [border: (1px outset #808080
)] | 355 RenderTable {TABLE} at (0,3290) size 769x3195 [border: (1px outset #808080
)] |
356 RenderTableSection {TBODY} at (1,1) size 767x3193 | 356 RenderTableSection {TBODY} at (1,1) size 767x3193 |
357 RenderTableRow {TR} at (0,0) size 767x28 | 357 RenderTableRow {TR} at (0,0) size 767x28 |
358 RenderTableCell {TD} at (0,0) size 767x28 [bgcolor=#C0C0C0] [border:
(1px inset #808080)] [r=0 c=0 rs=1 cs=2] | 358 RenderTableCell {TD} at (0,0) size 767x28 [bgcolor=#C0C0C0] [border:
(1px inset #808080)] [r=0 c=0 rs=1 cs=2] |
359 RenderInline {STRONG} at (0,0) size 159x19 | 359 RenderInline {STRONG} at (0,0) size 159x19 |
360 RenderText {#text} at (4,4) size 159x19 | 360 RenderText {#text} at (4,4) size 159x19 |
361 text run at (4,4) width 159: "TABLE Testing Section" | 361 text run at (4,4) width 159: "TABLE Testing Section" |
362 RenderTableRow {TR} at (0,28) size 767x3165 | 362 RenderTableRow {TR} at (0,28) size 767x3165 |
363 RenderTableCell {TD} at (0,1596) size 12x28 [bgcolor=#C0C0C0] [borde
r: (1px inset #808080)] [r=1 c=0 rs=1 cs=1] | 363 RenderTableCell {TD} at (0,1596) size 12x28 [bgcolor=#C0C0C0] [borde
r: (1px inset #808080)] [r=1 c=0 rs=1 cs=1] |
364 RenderText {#text} at (4,4) size 4x19 | 364 RenderText {#text} at (4,4) size 4x19 |
365 text run at (4,4) width 4: " " | 365 text run at (4,4) width 4: " " |
366 RenderTableCell {TD} at (12,28) size 755x3165 [border: (1px inset #8
08080)] [r=1 c=1 rs=1 cs=1] | 366 RenderTableCell {TD} at (12,28) size 755x3165 [border: (1px inset #8
08080)] [r=1 c=1 rs=1 cs=1] |
367 RenderBlock {P} at (4,4) size 747x40 | 367 RenderBlock {P} at (4,4) size 747x40 |
368 RenderText {#text} at (0,0) size 731x39 | 368 RenderText {#text} at (0,0) size 731x39 |
369 text run at (0,0) width 645: "On this test page, each test is
performed once with floating paragraphs, and then again with floating images. " | 369 text run at (0,0) width 645: "On this test page, each test is
performed once with floating paragraphs, and then again with floating images. " |
370 text run at (645,0) width 86: "Other than the" | 370 text run at (645,0) width 86: "Other than the" |
371 text run at (0,20) width 690: "substitution of images for parg
raphs, the structure of the test is exactly the same, including the direction of
the floats." | 371 text run at (0,20) width 690: "substitution of images for parg
raphs, the structure of the test is exactly the same, including the direction of
the floats." |
372 RenderBlock {HR} at (28,68) size 563x2 [border: (1px inset #EEEEEE
)] | 372 RenderBlock {HR} at (28,68) size 562.25x2 [border: (1px inset #EEE
EEE)] |
373 RenderBlock {DIV} at (6,94) size 743x110 [border: (5px solid #8000
80)] | 373 RenderBlock {DIV} at (6,94) size 743x110 [border: (5px solid #8000
80)] |
374 RenderBlock (floating) {P} at (5,5) size 194x74 [bgcolor=#C0C0C0
] [border: (1px solid #00FF00)] | 374 RenderBlock (floating) {P} at (5,5) size 194x74 [bgcolor=#C0C0C0
] [border: (1px solid #00FF00)] |
375 RenderText {#text} at (17,17) size 159x39 | 375 RenderText {#text} at (17,17) size 159x39 |
376 text run at (17,17) width 120: "This is a left-floating" | 376 text run at (17,17) width 120: "This is a left-floating" |
377 text run at (17,37) width 159: "paragraph (first in source).
" | 377 text run at (17,37) width 159: "paragraph (first in source).
" |
378 RenderBlock (floating) {P} at (544,5) size 194x94 [bgcolor=#C0C0
C0] [border: (1px solid #00FF00)] | 378 RenderBlock (floating) {P} at (544,5) size 194x94 [bgcolor=#C0C0
C0] [border: (1px solid #00FF00)] |
379 RenderText {#text} at (17,17) size 128x59 | 379 RenderText {#text} at (17,17) size 128x59 |
380 text run at (17,17) width 128: "This is a right-floating" | 380 text run at (17,17) width 128: "This is a right-floating" |
381 text run at (17,37) width 127: "paragraph (second in" | 381 text run at (17,37) width 127: "paragraph (second in" |
382 text run at (17,57) width 49: "source)." | 382 text run at (17,57) width 49: "source)." |
383 RenderText {#text} at (199,5) size 536x99 | 383 RenderText {#text} at (199,5) size 536x99 |
384 text run at (199,5) width 164: "This is text within the DIV. " | 384 text run at (199,5) width 164: "This is text within the DIV. " |
385 text run at (363,5) width 165: "The floating elements within" | 385 text run at (363,5) width 165: "The floating elements within" |
386 text run at (199,25) width 342: "this DIV should not go beyond
the left or right inner edge" | 386 text run at (199,25) width 342: "this DIV should not go beyond
the left or right inner edge" |
387 text run at (199,45) width 336: "of this DIV, which means that
the borders of the floating" | 387 text run at (199,45) width 336: "of this DIV, which means that
the borders of the floating" |
388 text run at (199,65) width 325: "elements should not overlap t
he top or side borders of" | 388 text run at (199,65) width 325: "elements should not overlap t
he top or side borders of" |
389 text run at (5,85) width 53: "the DIV." | 389 text run at (5,85) width 53: "the DIV." |
390 RenderBlock {HR} at (357,212) size 41x2 [border: (1px inset #EEEEE
E)] | 390 RenderBlock {HR} at (357.83,212) size 39.34x2 [border: (1px inset
#EEEEEE)] |
391 RenderBlock {DIV} at (6,222) size 743x50 [border: (5px solid #8000
80)] | 391 RenderBlock {DIV} at (6,222) size 743x50 [border: (5px solid #8000
80)] |
392 RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #00000
0)] | 392 RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #00000
0)] |
393 RenderImage {IMG} at (723,5) size 15x36 [border: (3px solid #000
000)] | 393 RenderImage {IMG} at (723,5) size 15x36 [border: (3px solid #000
000)] |
394 RenderText {#text} at (20,5) size 695x39 | 394 RenderText {#text} at (20,5) size 695x39 |
395 text run at (20,5) width 164: "This is text within the DIV. " | 395 text run at (20,5) width 164: "This is text within the DIV. " |
396 text run at (184,5) width 516: "The floating images within thi
s DIV should not go beyond the left or right inner edge of" | 396 text run at (184,5) width 516: "The floating images within thi
s DIV should not go beyond the left or right inner edge of" |
397 text run at (20,25) width 695: "this DIV, which means that the
borders of the floating images should not overlap the top or side borders of th
e DIV." | 397 text run at (20,25) width 695: "this DIV, which means that the
borders of the floating images should not overlap the top or side borders of th
e DIV." |
398 RenderBlock {HR} at (28,296) size 563x2 [border: (1px inset #EEEEE
E)] | 398 RenderBlock {HR} at (28,296) size 562.25x2 [border: (1px inset #EE
EEEE)] |
399 RenderBlock {DIV} at (6,322) size 442x230 [border: (5px solid #800
080)] | 399 RenderBlock {DIV} at (6,322) size 442x230 [border: (5px solid #800
080)] |
400 RenderBlock (floating) {P} at (5,5) size 194x74 [bgcolor=#C0C0C0
] [border: (1px solid #00FF00)] | 400 RenderBlock (floating) {P} at (5,5) size 194x74 [bgcolor=#C0C0C0
] [border: (1px solid #00FF00)] |
401 RenderText {#text} at (17,17) size 157x39 | 401 RenderText {#text} at (17,17) size 157x39 |
402 text run at (17,17) width 157: "This is the first left-float
ing" | 402 text run at (17,17) width 157: "This is the first left-float
ing" |
403 text run at (17,37) width 65: "paragraph." | 403 text run at (17,37) width 65: "paragraph." |
404 RenderBlock (floating) {P} at (199,5) size 194x74 [bgcolor=#C0C0
C0] [border: (1px solid #00FF00)] | 404 RenderBlock (floating) {P} at (199,5) size 194x74 [bgcolor=#C0C0
C0] [border: (1px solid #00FF00)] |
405 RenderText {#text} at (17,17) size 135x39 | 405 RenderText {#text} at (17,17) size 135x39 |
406 text run at (17,17) width 135: "This is the second left-" | 406 text run at (17,17) width 135: "This is the second left-" |
407 text run at (17,37) width 112: "floating paragraph." | 407 text run at (17,37) width 112: "floating paragraph." |
408 RenderBlock (floating) {P} at (5,79) size 194x74 [bgcolor=#C0C0C
0] [border: (1px solid #00FF00)] | 408 RenderBlock (floating) {P} at (5,79) size 194x74 [bgcolor=#C0C0C
0] [border: (1px solid #00FF00)] |
409 RenderText {#text} at (17,17) size 119x39 | 409 RenderText {#text} at (17,17) size 119x39 |
410 text run at (17,17) width 119: "This is the third left-" | 410 text run at (17,17) width 119: "This is the third left-" |
411 text run at (17,37) width 112: "floating paragraph." | 411 text run at (17,37) width 112: "floating paragraph." |
412 RenderText {#text} at (393,5) size 426x219 | 412 RenderText {#text} at (393,5) size 426x219 |
413 text run at (393,5) width 38: "This is" | 413 text run at (393,5) width 38: "This is" |
414 text run at (393,25) width 22: "text" | 414 text run at (393,25) width 22: "text" |
415 text run at (393,45) width 35: "within" | 415 text run at (393,45) width 35: "within" |
416 text run at (393,65) width 18: "the" | 416 text run at (393,65) width 18: "the" |
417 text run at (199,85) width 35: "DIV. " | 417 text run at (199,85) width 35: "DIV. " |
418 text run at (234,85) width 189: "The floating elements within
this" | 418 text run at (234,85) width 189: "The floating elements within
this" |
419 text run at (199,105) width 222: "DIV should not go beyond the
left or" | 419 text run at (199,105) width 222: "DIV should not go beyond the
left or" |
420 text run at (199,125) width 206: "right inner edge of this DIV
, which" | 420 text run at (199,125) width 206: "right inner edge of this DIV
, which" |
421 text run at (199,145) width 222: "means that the borders of th
e floating" | 421 text run at (199,145) width 222: "means that the borders of th
e floating" |
422 text run at (5,165) width 417: "elements should not overlap th
e top or side borders of the DIV in any" | 422 text run at (5,165) width 417: "elements should not overlap th
e top or side borders of the DIV in any" |
423 text run at (5,185) width 33: "way. " | 423 text run at (5,185) width 33: "way. " |
424 text run at (38,185) width 287: "In addition, they should not
overlap each other. " | 424 text run at (38,185) width 287: "In addition, they should not
overlap each other. " |
425 text run at (325,185) width 76: "The first two" | 425 text run at (325,185) width 76: "The first two" |
426 text run at (5,205) width 414: "should be side by side, wherea
s the third should be on the next \"line.\"" | 426 text run at (5,205) width 414: "should be side by side, wherea
s the third should be on the next \"line.\"" |
427 RenderBlock {HR} at (357,560) size 41x2 [border: (1px inset #EEEEE
E)] | 427 RenderBlock {HR} at (357.83,560) size 39.34x2 [border: (1px inset
#EEEEEE)] |
428 RenderBlock {DIV} at (6,570) size 360x210 [border: (5px solid #800
080)] | 428 RenderBlock {DIV} at (6,570) size 360x210 [border: (5px solid #800
080)] |
429 RenderImage {IMG} at (5,5) size 156x36 [border: (3px solid #0000
00)] | 429 RenderImage {IMG} at (5,5) size 156x36 [border: (3px solid #0000
00)] |
430 RenderImage {IMG} at (161,5) size 156x36 [border: (3px solid #00
0000)] | 430 RenderImage {IMG} at (161,5) size 156x36 [border: (3px solid #00
0000)] |
431 RenderImage {IMG} at (5,41) size 156x36 [border: (3px solid #000
000)] | 431 RenderImage {IMG} at (5,41) size 156x36 [border: (3px solid #000
000)] |
432 RenderText {#text} at (317,5) size 350x199 | 432 RenderText {#text} at (317,5) size 350x199 |
433 text run at (317,5) width 38: "This is" | 433 text run at (317,5) width 38: "This is" |
434 text run at (317,25) width 22: "text" | 434 text run at (317,25) width 22: "text" |
435 text run at (161,45) width 96: "within the DIV. " | 435 text run at (161,45) width 96: "within the DIV. " |
436 text run at (257,45) width 70: "The floating" | 436 text run at (257,45) width 70: "The floating" |
437 text run at (161,65) width 178: "images within this DIV should
" | 437 text run at (161,65) width 178: "images within this DIV should
" |
438 text run at (5,85) width 319: "not go beyond the left or right
inner edge of this DIV," | 438 text run at (5,85) width 319: "not go beyond the left or right
inner edge of this DIV," |
439 text run at (5,105) width 349: "which means that the borders o
f the floating images should" | 439 text run at (5,105) width 349: "which means that the borders o
f the floating images should" |
440 text run at (5,125) width 318: "not overlap the top or side bo
rders of the DIV in any" | 440 text run at (5,125) width 318: "not overlap the top or side bo
rders of the DIV in any" |
441 text run at (5,145) width 33: "way. " | 441 text run at (5,145) width 33: "way. " |
442 text run at (38,145) width 287: "In addition, they should not
overlap each other. " | 442 text run at (38,145) width 287: "In addition, they should not
overlap each other. " |
443 text run at (325,145) width 23: "The" | 443 text run at (325,145) width 23: "The" |
444 text run at (5,165) width 340: "first two should be side by si
de, whereas the third should" | 444 text run at (5,165) width 340: "first two should be side by si
de, whereas the third should" |
445 text run at (5,185) width 123: "be on the next \"line.\"" | 445 text run at (5,185) width 123: "be on the next \"line.\"" |
446 RenderBlock {HR} at (28,804) size 563x2 [border: (1px inset #EEEEE
E)] | 446 RenderBlock {HR} at (28,804) size 562.25x2 [border: (1px inset #EE
EEEE)] |
447 RenderBlock {DIV} at (6,830) size 314x364 [border: (5px solid #800
080)] | 447 RenderBlock {DIV} at (6,830) size 314x364 [border: (5px solid #800
080)] |
448 RenderBlock (floating) {P} at (5,5) size 194x74 [bgcolor=#C0C0C0
] [border: (1px solid #00FF00)] | 448 RenderBlock (floating) {P} at (5,5) size 194x74 [bgcolor=#C0C0C0
] [border: (1px solid #00FF00)] |
449 RenderText {#text} at (17,17) size 159x39 | 449 RenderText {#text} at (17,17) size 159x39 |
450 text run at (17,17) width 120: "This is a left-floating" | 450 text run at (17,17) width 120: "This is a left-floating" |
451 text run at (17,37) width 159: "paragraph (first in source).
" | 451 text run at (17,37) width 159: "paragraph (first in source).
" |
452 RenderBlock (floating) {P} at (115,79) size 194x94 [bgcolor=#C0C
0C0] [border: (1px solid #00FF00)] | 452 RenderBlock (floating) {P} at (115,79) size 194x94 [bgcolor=#C0C
0C0] [border: (1px solid #00FF00)] |
453 RenderText {#text} at (17,17) size 128x59 | 453 RenderText {#text} at (17,17) size 128x59 |
454 text run at (17,17) width 128: "This is a right-floating" | 454 text run at (17,17) width 128: "This is a right-floating" |
455 text run at (17,37) width 127: "paragraph (second in" | 455 text run at (17,37) width 127: "paragraph (second in" |
456 text run at (17,57) width 49: "source)." | 456 text run at (17,57) width 49: "source)." |
(...skipping 10 matching lines...) Expand all Loading... |
467 text run at (5,179) width 278: "means that the borders of the
floating elements" | 467 text run at (5,179) width 278: "means that the borders of the
floating elements" |
468 text run at (5,199) width 291: "should not overlap the top or
side borders of the" | 468 text run at (5,199) width 291: "should not overlap the top or
side borders of the" |
469 text run at (5,219) width 103: "DIV in any way. " | 469 text run at (5,219) width 103: "DIV in any way. " |
470 text run at (108,219) width 163: "In addition, they should not
" | 470 text run at (108,219) width 163: "In addition, they should not
" |
471 text run at (5,239) width 273: "overlap each other in any way,
nor should the" | 471 text run at (5,239) width 273: "overlap each other in any way,
nor should the" |
472 text run at (5,259) width 290: "floated elements be overwritte
n by the DIV text." | 472 text run at (5,259) width 290: "floated elements be overwritte
n by the DIV text." |
473 text run at (5,279) width 276: "In addition, the floated eleme
nts should not be" | 473 text run at (5,279) width 276: "In addition, the floated eleme
nts should not be" |
474 text run at (5,299) width 303: "side-by-side, but instead the
first should be floated" | 474 text run at (5,299) width 303: "side-by-side, but instead the
first should be floated" |
475 text run at (5,319) width 293: "left, and the second floated t
o the right below the" | 475 text run at (5,319) width 293: "left, and the second floated t
o the right below the" |
476 text run at (5,339) width 26: "first." | 476 text run at (5,339) width 26: "first." |
477 RenderBlock {HR} at (357,1202) size 41x2 [border: (1px inset #EEEE
EE)] | 477 RenderBlock {HR} at (357.83,1202) size 39.34x2 [border: (1px inset
#EEEEEE)] |
478 RenderBlock {DIV} at (6,1212) size 410x246 [border: (5px solid #80
0080)] | 478 RenderBlock {DIV} at (6,1212) size 410x246 [border: (5px solid #80
0080)] |
479 RenderImage {IMG} at (5,5) size 256x36 [border: (3px solid #0000
00)] | 479 RenderImage {IMG} at (5,5) size 256x36 [border: (3px solid #0000
00)] |
480 RenderImage {IMG} at (149,41) size 256x36 [border: (3px solid #0
00000)] | 480 RenderImage {IMG} at (149,41) size 256x36 [border: (3px solid #0
00000)] |
481 RenderText {#text} at (261,5) size 400x235 | 481 RenderText {#text} at (261,5) size 400x235 |
482 text run at (261,5) width 125: "This is text within the" | 482 text run at (261,5) width 125: "This is text within the" |
483 text run at (5,41) width 35: "DIV. " | 483 text run at (5,41) width 35: "DIV. " |
484 text run at (40,41) width 70: "The floating" | 484 text run at (40,41) width 70: "The floating" |
485 text run at (5,61) width 135: "images within this DIV" | 485 text run at (5,61) width 135: "images within this DIV" |
486 text run at (5,81) width 362: "should not go beyond the left o
r right inner edge of this DIV," | 486 text run at (5,81) width 362: "should not go beyond the left o
r right inner edge of this DIV," |
487 text run at (5,101) width 372: "which means that the borders o
f the floating images should not" | 487 text run at (5,101) width 372: "which means that the borders o
f the floating images should not" |
488 text run at (5,121) width 332: "overlap the top or side border
s of the DIV in any way. " | 488 text run at (5,121) width 332: "overlap the top or side border
s of the DIV in any way. " |
489 text run at (337,121) width 68: "In addition," | 489 text run at (337,121) width 68: "In addition," |
490 text run at (5,141) width 368: "they should not overlap each o
ther in any way, nor should the" | 490 text run at (5,141) width 368: "they should not overlap each o
ther in any way, nor should the" |
491 text run at (5,161) width 294: "floated elements be overwritte
n by the DIV text. " | 491 text run at (5,161) width 294: "floated elements be overwritte
n by the DIV text. " |
492 text run at (299,161) width 90: "In addition, the" | 492 text run at (299,161) width 90: "In addition, the" |
493 text run at (5,181) width 371: "floated images should not be s
ide-by-side, but instead the first" | 493 text run at (5,181) width 371: "floated images should not be s
ide-by-side, but instead the first" |
494 text run at (5,201) width 400: "should be floated left, and th
e second floated to the right below the" | 494 text run at (5,201) width 400: "should be floated left, and th
e second floated to the right below the" |
495 text run at (5,221) width 26: "first." | 495 text run at (5,221) width 26: "first." |
496 RenderBlock {HR} at (28,1482) size 563x2 [border: (1px inset #EEEE
EE)] | 496 RenderBlock {HR} at (28,1482) size 562.25x2 [border: (1px inset #E
EEEEE)] |
497 RenderBlock {DIV} at (6,1508) size 743x130 [border: (5px solid #80
0080)] | 497 RenderBlock {DIV} at (6,1508) size 743x130 [border: (5px solid #80
0080)] |
498 RenderBlock (floating) {P} at (544,5) size 194x74 [bgcolor=#C0C0
C0] [border: (1px solid #00FF00)] | 498 RenderBlock (floating) {P} at (544,5) size 194x74 [bgcolor=#C0C0
C0] [border: (1px solid #00FF00)] |
499 RenderText {#text} at (17,17) size 159x39 | 499 RenderText {#text} at (17,17) size 159x39 |
500 text run at (17,17) width 128: "This is a right-floating" | 500 text run at (17,17) width 128: "This is a right-floating" |
501 text run at (17,37) width 159: "paragraph (first in source).
" | 501 text run at (17,37) width 159: "paragraph (first in source).
" |
502 RenderBlock (floating) {P} at (5,5) size 194x94 [bgcolor=#C0C0C0
] [border: (1px solid #00FF00)] | 502 RenderBlock (floating) {P} at (5,5) size 194x94 [bgcolor=#C0C0C0
] [border: (1px solid #00FF00)] |
503 RenderText {#text} at (17,17) size 127x59 | 503 RenderText {#text} at (17,17) size 127x59 |
504 text run at (17,17) width 120: "This is a left-floating" | 504 text run at (17,17) width 120: "This is a left-floating" |
505 text run at (17,37) width 127: "paragraph (second in" | 505 text run at (17,37) width 127: "paragraph (second in" |
506 text run at (17,57) width 49: "source)." | 506 text run at (17,57) width 49: "source)." |
507 RenderText {#text} at (199,5) size 718x119 | 507 RenderText {#text} at (199,5) size 718x119 |
508 text run at (199,5) width 164: "This is text within the DIV. " | 508 text run at (199,5) width 164: "This is text within the DIV. " |
509 text run at (363,5) width 165: "The floating elements within" | 509 text run at (363,5) width 165: "The floating elements within" |
510 text run at (199,25) width 334: "this DIV should not go beyond
the top side of this DIV," | 510 text run at (199,25) width 334: "this DIV should not go beyond
the top side of this DIV," |
511 text run at (199,45) width 317: "which means that the borders
of the floating elements" | 511 text run at (199,45) width 317: "which means that the borders
of the floating elements" |
512 text run at (199,65) width 336: "should not overlap the top or
side borders of the DIV in" | 512 text run at (199,65) width 336: "should not overlap the top or
side borders of the DIV in" |
513 text run at (199,85) width 58: "any way. " | 513 text run at (199,85) width 58: "any way. " |
514 text run at (257,85) width 466: "In addition, the top of the l
eft-floating box should not be higher than the top of" | 514 text run at (257,85) width 466: "In addition, the top of the l
eft-floating box should not be higher than the top of" |
515 text run at (5,105) width 128: "the right-floating box." | 515 text run at (5,105) width 128: "the right-floating box." |
516 RenderBlock {HR} at (357,1646) size 41x2 [border: (1px inset #EEEE
EE)] | 516 RenderBlock {HR} at (357.83,1646) size 39.34x2 [border: (1px inset
#EEEEEE)] |
517 RenderBlock {DIV} at (6,1656) size 743x70 [border: (5px solid #800
080)] | 517 RenderBlock {DIV} at (6,1656) size 743x70 [border: (5px solid #800
080)] |
518 RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #00000
0)] | 518 RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #00000
0)] |
519 RenderImage {IMG} at (723,5) size 15x36 [border: (3px solid #000
000)] | 519 RenderImage {IMG} at (723,5) size 15x36 [border: (3px solid #000
000)] |
520 RenderText {#text} at (20,5) size 710x59 | 520 RenderText {#text} at (20,5) size 710x59 |
521 text run at (20,5) width 164: "This is text within the DIV. " | 521 text run at (20,5) width 164: "This is text within the DIV. " |
522 text run at (184,5) width 531: "The floating images within thi
s DIV should not go beyond the top side of this DIV, which" | 522 text run at (184,5) width 531: "The floating images within thi
s DIV should not go beyond the top side of this DIV, which" |
523 text run at (20,25) width 669: "means that the borders of the
floating images should not overlap the top or side borders of the DIV in any way
. " | 523 text run at (20,25) width 669: "means that the borders of the
floating images should not overlap the top or side borders of the DIV in any way
. " |
524 text run at (689,25) width 12: "In" | 524 text run at (689,25) width 12: "In" |
525 text run at (5,45) width 606: "addition, the top of the left-f
loating image should not be higher than the top of the right-floating image." | 525 text run at (5,45) width 606: "addition, the top of the left-f
loating image should not be higher than the top of the right-floating image." |
526 RenderBlock {HR} at (28,1750) size 563x2 [border: (1px inset #EEEE
EE)] | 526 RenderBlock {HR} at (28,1750) size 562.25x2 [border: (1px inset #E
EEEEE)] |
527 RenderBlock {DIV} at (6,1776) size 743x130 [border: (5px solid #80
0080)] | 527 RenderBlock {DIV} at (6,1776) size 743x130 [border: (5px solid #80
0080)] |
528 RenderText {#text} at (199,5) size 172x19 | 528 RenderText {#text} at (199,5) size 172x19 |
529 text run at (199,5) width 164: "This is text within the DIV. " | 529 text run at (199,5) width 164: "This is text within the DIV. " |
530 text run at (363,5) width 8: "*" | 530 text run at (363,5) width 8: "*" |
531 RenderBlock (floating) {P} at (5,5) size 194x74 [bgcolor=#C0C0C0
] [border: (1px solid #00FF00)] | 531 RenderBlock (floating) {P} at (5,5) size 194x74 [bgcolor=#C0C0C0
] [border: (1px solid #00FF00)] |
532 RenderText {#text} at (17,17) size 159x39 | 532 RenderText {#text} at (17,17) size 159x39 |
533 text run at (17,17) width 120: "This is a left-floating" | 533 text run at (17,17) width 120: "This is a left-floating" |
534 text run at (17,37) width 159: "paragraph (first in source).
" | 534 text run at (17,37) width 159: "paragraph (first in source).
" |
535 RenderText {#text} at (371,5) size 506x39 | 535 RenderText {#text} at (371,5) size 506x39 |
536 text run at (371,5) width 334: " The floating elements within
this DIV should not go any" | 536 text run at (371,5) width 334: " The floating elements within
this DIV should not go any" |
537 text run at (199,25) width 447: "higher than the line-box cont
aining the inline content which precedes them. " | 537 text run at (199,25) width 447: "higher than the line-box cont
aining the inline content which precedes them. " |
538 text run at (646,25) width 12: "* " | 538 text run at (646,25) width 12: "* " |
539 RenderBlock (floating) {P} at (544,45) size 194x94 [bgcolor=#C0C
0C0] [border: (1px solid #00FF00)] | 539 RenderBlock (floating) {P} at (544,45) size 194x94 [bgcolor=#C0C
0C0] [border: (1px solid #00FF00)] |
540 RenderText {#text} at (17,17) size 128x59 | 540 RenderText {#text} at (17,17) size 128x59 |
541 text run at (17,17) width 128: "This is a right-floating" | 541 text run at (17,17) width 128: "This is a right-floating" |
542 text run at (17,37) width 127: "paragraph (second in" | 542 text run at (17,37) width 127: "paragraph (second in" |
543 text run at (17,57) width 49: "source)." | 543 text run at (17,57) width 49: "source)." |
544 RenderText {#text} at (658,25) size 720x99 | 544 RenderText {#text} at (658,25) size 720x99 |
545 text run at (658,25) width 67: "This means" | 545 text run at (658,25) width 67: "This means" |
546 text run at (199,45) width 336: "that the top side of each flo
at can be, at most, as high as" | 546 text run at (199,45) width 336: "that the top side of each flo
at can be, at most, as high as" |
547 text run at (199,65) width 331: "the top edge of the inline el
ement containing the content" | 547 text run at (199,65) width 331: "the top edge of the inline el
ement containing the content" |
548 text run at (5,85) width 315: "just before the floating elemen
ts occur in the source. " | 548 text run at (5,85) width 315: "just before the floating elemen
ts occur in the source. " |
549 text run at (320,85) width 222: "In order to mark these points
clearly," | 549 text run at (320,85) width 222: "In order to mark these points
clearly," |
550 text run at (5,105) width 371: "an asterisk has been inserted
just before each floated element." | 550 text run at (5,105) width 371: "an asterisk has been inserted
just before each floated element." |
551 RenderBlock {HR} at (357,1915) size 41x2 [border: (1px inset #EEEE
EE)] | 551 RenderBlock {HR} at (357.83,1915) size 39.34x2 [border: (1px inset
#EEEEEE)] |
552 RenderBlock {DIV} at (6,1925) size 743x90 [border: (5px solid #800
080)] | 552 RenderBlock {DIV} at (6,1925) size 743x90 [border: (5px solid #800
080)] |
553 RenderText {#text} at (20,5) size 172x19 | 553 RenderText {#text} at (20,5) size 172x19 |
554 text run at (20,5) width 164: "This is text within the DIV. " | 554 text run at (20,5) width 164: "This is text within the DIV. " |
555 text run at (184,5) width 8: "*" | 555 text run at (184,5) width 8: "*" |
556 RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #00000
0)] | 556 RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #00000
0)] |
557 RenderText {#text} at (192,5) size 703x39 | 557 RenderText {#text} at (192,5) size 703x39 |
558 text run at (192,5) width 531: " The floating images within th
is DIV should not go any higher than the line-box containing" | 558 text run at (192,5) width 531: " The floating images within th
is DIV should not go any higher than the line-box containing" |
559 text run at (20,25) width 239: "the inline content which prece
des them. " | 559 text run at (20,25) width 239: "the inline content which prece
des them. " |
560 text run at (259,25) width 12: "* " | 560 text run at (259,25) width 12: "* " |
561 RenderImage {IMG} at (723,25) size 15x36 [border: (3px solid #00
0000)] | 561 RenderImage {IMG} at (723,25) size 15x36 [border: (3px solid #00
0000)] |
562 RenderText {#text} at (271,25) size 717x59 | 562 RenderText {#text} at (271,25) size 717x59 |
563 text run at (271,25) width 429: "This means that the top side
of each float can be, at most, as high as the" | 563 text run at (271,25) width 429: "This means that the top side
of each float can be, at most, as high as the" |
564 text run at (5,45) width 617: "top edge of the inline element
containing the content just before the floating images occur in the source. " | 564 text run at (5,45) width 617: "top edge of the inline element
containing the content just before the floating images occur in the source. " |
565 text run at (622,45) width 100: "In order to mark" | 565 text run at (622,45) width 100: "In order to mark" |
566 text run at (5,65) width 482: "these points clearly, an asteri
sk has been inserted just before each floated image." | 566 text run at (5,65) width 482: "these points clearly, an asteri
sk has been inserted just before each floated image." |
567 RenderBlock {HR} at (28,2039) size 563x2 [border: (1px inset #EEEE
EE)] | 567 RenderBlock {HR} at (28,2039) size 562.25x2 [border: (1px inset #E
EEEEE)] |
568 RenderBlock {DIV} at (6,2065) size 743x290 [border: (5px solid #80
0080)] | 568 RenderBlock {DIV} at (6,2065) size 743x290 [border: (5px solid #80
0080)] |
569 RenderText {#text} at (199,5) size 172x19 | 569 RenderText {#text} at (199,5) size 172x19 |
570 text run at (199,5) width 164: "This is text within the DIV. " | 570 text run at (199,5) width 164: "This is text within the DIV. " |
571 text run at (363,5) width 8: "*" | 571 text run at (363,5) width 8: "*" |
572 RenderBlock (floating) {P} at (5,5) size 194x74 [bgcolor=#C0C0C0
] [border: (1px solid #00FF00)] | 572 RenderBlock (floating) {P} at (5,5) size 194x74 [bgcolor=#C0C0C0
] [border: (1px solid #00FF00)] |
573 RenderText {#text} at (17,17) size 159x39 | 573 RenderText {#text} at (17,17) size 159x39 |
574 text run at (17,17) width 120: "This is a left-floating" | 574 text run at (17,17) width 120: "This is a left-floating" |
575 text run at (17,37) width 159: "paragraph (first in source).
" | 575 text run at (17,37) width 159: "paragraph (first in source).
" |
576 RenderText {#text} at (371,5) size 506x39 | 576 RenderText {#text} at (371,5) size 506x39 |
577 text run at (371,5) width 334: " The floating elements within
this DIV should not go any" | 577 text run at (371,5) width 334: " The floating elements within
this DIV should not go any" |
(...skipping 28 matching lines...) Expand all Loading... |
606 RenderText {#text} at (665,145) size 733x139 | 606 RenderText {#text} at (665,145) size 733x139 |
607 text run at (665,145) width 69: " In order to" | 607 text run at (665,145) width 69: " In order to" |
608 text run at (587,165) width 106: "mark these points" | 608 text run at (587,165) width 106: "mark these points" |
609 text run at (587,185) width 135: "clearly, an asterisk has" | 609 text run at (587,185) width 135: "clearly, an asterisk has" |
610 text run at (587,205) width 148: "been inserted just before" | 610 text run at (587,205) width 148: "been inserted just before" |
611 text run at (587,225) width 131: "each floated element. " | 611 text run at (587,225) width 131: "each floated element. " |
612 text run at (718,225) width 20: "If a" | 612 text run at (718,225) width 20: "If a" |
613 text run at (5,245) width 709: "line has room for a floated el
ement, then the element should float so that its top is aligned with the top of
the line-box in" | 613 text run at (5,245) width 709: "line has room for a floated el
ement, then the element should float so that its top is aligned with the top of
the line-box in" |
614 text run at (5,265) width 167: "which the asterisk appears. " | 614 text run at (5,265) width 167: "which the asterisk appears. " |
615 text run at (172,265) width 380: "Otherwise, its top should al
ign with the top of the next line-box." | 615 text run at (172,265) width 380: "Otherwise, its top should al
ign with the top of the next line-box." |
616 RenderBlock {HR} at (357,2363) size 41x2 [border: (1px inset #EEEE
EE)] | 616 RenderBlock {HR} at (357.83,2363) size 39.34x2 [border: (1px inset
#EEEEEE)] |
617 RenderBlock {DIV} at (6,2373) size 743x130 [border: (5px solid #80
0080)] | 617 RenderBlock {DIV} at (6,2373) size 743x130 [border: (5px solid #80
0080)] |
618 RenderText {#text} at (20,5) size 172x19 | 618 RenderText {#text} at (20,5) size 172x19 |
619 text run at (20,5) width 164: "This is text within the DIV. " | 619 text run at (20,5) width 164: "This is text within the DIV. " |
620 text run at (184,5) width 8: "*" | 620 text run at (184,5) width 8: "*" |
621 RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #00000
0)] | 621 RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #00000
0)] |
622 RenderText {#text} at (192,5) size 688x39 | 622 RenderText {#text} at (192,5) size 688x39 |
623 text run at (192,5) width 531: " The floating images within th
is DIV should not go any higher than the line-box containing" | 623 text run at (192,5) width 531: " The floating images within th
is DIV should not go any higher than the line-box containing" |
624 text run at (35,25) width 239: "the inline content which prece
des them. " | 624 text run at (35,25) width 239: "the inline content which prece
des them. " |
625 text run at (274,25) width 12: "* " | 625 text run at (274,25) width 12: "* " |
626 RenderImage {IMG} at (723,25) size 15x36 [border: (3px solid #00
0000)] | 626 RenderImage {IMG} at (723,25) size 15x36 [border: (3px solid #00
0000)] |
627 RenderText {#text} at (286,25) size 305x19 | 627 RenderText {#text} at (286,25) size 305x19 |
628 text run at (286,25) width 297: "This means that the top side
of each float can be, " | 628 text run at (286,25) width 297: "This means that the top side
of each float can be, " |
629 text run at (583,25) width 8: "*" | 629 text run at (583,25) width 8: "*" |
630 RenderImage {IMG} at (20,25) size 15x36 [border: (3px solid #000
000)] | 630 RenderImage {IMG} at (20,25) size 15x36 [border: (3px solid #000
000)] |
631 RenderText {#text} at (591,25) size 655x39 | 631 RenderText {#text} at (591,25) size 655x39 |
632 text run at (591,25) width 114: " at most, as high as" | 632 text run at (591,25) width 114: " at most, as high as" |
633 text run at (50,45) width 639: "the top edge of the inline ele
ment containing the content just before the floating images occur in the source.
" | 633 text run at (50,45) width 639: "the top edge of the inline ele
ment containing the content just before the floating images occur in the source.
" |
634 text run at (689,45) width 8: "*" | 634 text run at (689,45) width 8: "*" |
635 RenderImage {IMG} at (35,45) size 15x36 [border: (3px solid #000
000)] | 635 RenderImage {IMG} at (35,45) size 15x36 [border: (3px solid #000
000)] |
636 RenderText {#text} at (697,45) size 723x79 | 636 RenderText {#text} at (697,45) size 723x79 |
637 text run at (697,45) width 16: " In" | 637 text run at (697,45) width 16: " In" |
638 text run at (50,65) width 574: "order to mark these points cle
arly, an asterisk has been inserted just before each floated image. " | 638 text run at (50,65) width 574: "order to mark these points cle
arly, an asterisk has been inserted just before each floated image. " |
639 text run at (624,65) width 104: "If a line has room" | 639 text run at (624,65) width 104: "If a line has room" |
640 text run at (5,85) width 714: "for a floated image, then the i
mage should float so that its top is aligned with the top of the line-box in whi
ch the asterisk" | 640 text run at (5,85) width 714: "for a floated image, then the i
mage should float so that its top is aligned with the top of the line-box in whi
ch the asterisk" |
641 text run at (5,105) width 56: "appears. " | 641 text run at (5,105) width 56: "appears. " |
642 text run at (61,105) width 380: "Otherwise, its top should ali
gn with the top of the next line-box." | 642 text run at (61,105) width 380: "Otherwise, its top should ali
gn with the top of the next line-box." |
643 RenderBlock {HR} at (28,2527) size 563x2 [border: (1px inset #EEEE
EE)] | 643 RenderBlock {HR} at (28,2527) size 562.25x2 [border: (1px inset #E
EEEEE)] |
644 RenderBlock {DIV} at (6,2553) size 490x310 [border: (5px solid #80
0080)] | 644 RenderBlock {DIV} at (6,2553) size 490x310 [border: (5px solid #80
0080)] |
645 RenderText {#text} at (199,5) size 50x19 | 645 RenderText {#text} at (199,5) size 50x19 |
646 text run at (199,5) width 50: "This is *" | 646 text run at (199,5) width 50: "This is *" |
647 RenderBlock (floating) {P} at (5,5) size 194x74 [bgcolor=#C0C0C0
] [border: (1px solid #00FF00)] | 647 RenderBlock (floating) {P} at (5,5) size 194x74 [bgcolor=#C0C0C0
] [border: (1px solid #00FF00)] |
648 RenderText {#text} at (17,17) size 159x39 | 648 RenderText {#text} at (17,17) size 159x39 |
649 text run at (17,17) width 120: "This is a left-floating" | 649 text run at (17,17) width 120: "This is a left-floating" |
650 text run at (17,37) width 159: "paragraph (first in source).
" | 650 text run at (17,37) width 159: "paragraph (first in source).
" |
651 RenderText {#text} at (249,5) size 12x19 | 651 RenderText {#text} at (249,5) size 12x19 |
652 text run at (249,5) width 12: " *" | 652 text run at (249,5) width 12: " *" |
653 RenderBlock (floating) {P} at (291,5) size 194x94 [bgcolor=#C0C0
C0] [border: (1px solid #00FF00)] | 653 RenderBlock (floating) {P} at (291,5) size 194x94 [bgcolor=#C0C0
C0] [border: (1px solid #00FF00)] |
(...skipping 11 matching lines...) Expand all Loading... |
665 text run at (5,125) width 184: "border of the floating element
. " | 665 text run at (5,125) width 184: "border of the floating element
. " |
666 text run at (189,125) width 266: "Similarly, the right floatin
g element should be" | 666 text run at (189,125) width 266: "Similarly, the right floatin
g element should be" |
667 text run at (5,145) width 465: "placed in the upper right corn
er of the DIV, and the purple border of the DIV" | 667 text run at (5,145) width 465: "placed in the upper right corn
er of the DIV, and the purple border of the DIV" |
668 text run at (5,165) width 434: "should abut the green border o
f the floating element. The text of the DIV" | 668 text run at (5,165) width 434: "should abut the green border o
f the floating element. The text of the DIV" |
669 text run at (5,185) width 448: "element should flow between an
d under the two floating elements. The two" | 669 text run at (5,185) width 448: "element should flow between an
d under the two floating elements. The two" |
670 text run at (5,205) width 434: "asterisk characters mark the i
nsertion points of the floating elements. It is" | 670 text run at (5,205) width 434: "asterisk characters mark the i
nsertion points of the floating elements. It is" |
671 text run at (5,225) width 460: "expected that, under future sp
ecifications, it may be acceptable for the top of" | 671 text run at (5,225) width 460: "expected that, under future sp
ecifications, it may be acceptable for the top of" |
672 text run at (5,245) width 478: "floated elements to align with
the top of the line-box following the insertion point" | 672 text run at (5,245) width 478: "floated elements to align with
the top of the line-box following the insertion point" |
673 text run at (5,265) width 456: "of the floated element to avoi
d floating elements appearing before text which" | 673 text run at (5,265) width 456: "of the floated element to avoi
d floating elements appearing before text which" |
674 text run at (5,285) width 213: "precedes it in the source docu
ment." | 674 text run at (5,285) width 213: "precedes it in the source docu
ment." |
675 RenderBlock {HR} at (357,2871) size 41x2 [border: (1px inset #EEEE
EE)] | 675 RenderBlock {HR} at (357.83,2871) size 39.34x2 [border: (1px inset
#EEEEEE)] |
676 RenderBlock {DIV} at (6,2881) size 490x230 [border: (5px solid #80
0080)] | 676 RenderBlock {DIV} at (6,2881) size 490x230 [border: (5px solid #80
0080)] |
677 RenderText {#text} at (20,5) size 50x19 | 677 RenderText {#text} at (20,5) size 50x19 |
678 text run at (20,5) width 50: "This is *" | 678 text run at (20,5) width 50: "This is *" |
679 RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #00000
0)] | 679 RenderImage {IMG} at (5,5) size 15x36 [border: (3px solid #00000
0)] |
680 RenderText {#text} at (70,5) size 12x19 | 680 RenderText {#text} at (70,5) size 12x19 |
681 text run at (70,5) width 12: " *" | 681 text run at (70,5) width 12: " *" |
682 RenderImage {IMG} at (470,5) size 15x36 [border: (3px solid #000
000)] | 682 RenderImage {IMG} at (470,5) size 15x36 [border: (3px solid #000
000)] |
683 RenderText {#text} at (82,5) size 479x219 | 683 RenderText {#text} at (82,5) size 479x219 |
684 text run at (82,5) width 126: " text within the DIV. " | 684 text run at (82,5) width 126: " text within the DIV. " |
685 text run at (208,5) width 256: "Under CSS1, the left floating
image should" | 685 text run at (208,5) width 256: "Under CSS1, the left floating
image should" |
686 text run at (20,25) width 445: "be placed in the upper left co
rner of the DIV, and the purple border of the" | 686 text run at (20,25) width 445: "be placed in the upper left co
rner of the DIV, and the purple border of the" |
687 text run at (5,45) width 336: "DIV should abut the green borde
r of the floating image. " | 687 text run at (5,45) width 336: "DIV should abut the green borde
r of the floating image. " |
688 text run at (341,45) width 107: "Similarly, the right" | 688 text run at (341,45) width 107: "Similarly, the right" |
689 text run at (5,65) width 457: "floating image should be placed
in the upper right corner of the DIV, and the" | 689 text run at (5,65) width 457: "floating image should be placed
in the upper right corner of the DIV, and the" |
690 text run at (5,85) width 457: "purple border of the DIV should
abut the green border of the floating image." | 690 text run at (5,85) width 457: "purple border of the DIV should
abut the green border of the floating image." |
691 text run at (5,105) width 456: "The text of the DIV element sh
ould flow between and under the two floating" | 691 text run at (5,105) width 456: "The text of the DIV element sh
ould flow between and under the two floating" |
692 text run at (5,125) width 445: "image. The two asterisk charac
ters mark the insertion points of the floating" | 692 text run at (5,125) width 445: "image. The two asterisk charac
ters mark the insertion points of the floating" |
693 text run at (5,145) width 43: "image. " | 693 text run at (5,145) width 43: "image. " |
694 text run at (48,145) width 424: "It is expected that, under fu
ture specifications, it may be acceptable for" | 694 text run at (48,145) width 424: "It is expected that, under fu
ture specifications, it may be acceptable for" |
695 text run at (5,165) width 452: "the top of floated elements to
align with the top of the line-box following the" | 695 text run at (5,165) width 452: "the top of floated elements to
align with the top of the line-box following the" |
696 text run at (5,185) width 479: "insertion point of the floated
element to avoid floating elements appearing before" | 696 text run at (5,185) width 479: "insertion point of the floated
element to avoid floating elements appearing before" |
697 text run at (5,205) width 278: "text which precedes it in the
source document." | 697 text run at (5,205) width 278: "text which precedes it in the
source document." |
698 RenderBlock {HR} at (28,3135) size 563x2 [border: (1px inset #EEEE
EE)] | 698 RenderBlock {HR} at (28,3135) size 562.25x2 [border: (1px inset #E
EEEEE)] |
OLD | NEW |