OLD | NEW |
1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org
/TR/REC-html40/loose.dtd"><html><head><title>CSS1 Test Suite: 4.1.4 Floating Ele
ments</title> | 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org
/TR/REC-html40/loose.dtd"><html><head><title>CSS1 Test Suite: 4.1.4 Floating Ele
ments</title> |
2 | 2 |
3 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> | 3 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> |
4 <meta http-equiv="Content-Style-Type" content="text/css"> | 4 <meta http-equiv="Content-Style-Type" content="text/css"> |
5 | 5 |
6 <link rel="stylesheet" type="text/css" media="screen" href="../resources/base.cs
s"> | 6 <link rel="stylesheet" type="text/css" media="screen" href="../resources/base.cs
s"> |
| 7 <script src="../resources/base.js"></script> |
7 <style type="text/css"> | 8 <style type="text/css"> |
8 HR.minor {clear: both; width: 5%;} | 9 HR.minor {clear: both; width: 5%;} |
9 HR.major {clear: both; width: 75%; margin: 1.5em;} | 10 HR.major {clear: both; width: 75%; margin: 1.5em;} |
10 DIV {border: 5px solid purple; padding: 0; margin: 0.125em;} | 11 DIV {border: 5px solid purple; padding: 0; margin: 0.125em;} |
11 P.left, P.right {width: 10em; padding: 1em; margin: 0; | 12 P.left, P.right {width: 10em; padding: 1em; margin: 0; |
12 border: 1px solid lime; background-color: silver;} | 13 border: 1px solid lime; background-color: silver;} |
13 IMG.left, IMG.right {margin: 0; border: 3px solid black;} | 14 IMG.left, IMG.right {margin: 0; border: 3px solid black;} |
14 .left {float: left;} | 15 .left {float: left;} |
15 .right {float: right;} | 16 .right {float: right;} |
16 </style></head> | 17 </style></head> |
(...skipping 367 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
384 the DIV, and the purple border of the DIV should abut the green border | 385 the DIV, and the purple border of the DIV should abut the green border |
385 of the floating image. The text of the DIV element should flow between | 386 of the floating image. The text of the DIV element should flow between |
386 and under the two floating image. The two asterisk characters mark the | 387 and under the two floating image. The two asterisk characters mark the |
387 insertion points of the floating image. It is expected that, under | 388 insertion points of the floating image. It is expected that, under |
388 future specifications, it may be acceptable for the top of floated | 389 future specifications, it may be acceptable for the top of floated |
389 elements to align with the top of the line-box following the insertion | 390 elements to align with the top of the line-box following the insertion |
390 point of the floated element to avoid floating elements appearing | 391 point of the floated element to avoid floating elements appearing |
391 before text which precedes it in the source document. </div> | 392 before text which precedes it in the source document. </div> |
392 | 393 |
393 <hr class="major"> | 394 <hr class="major"> |
394 </td></tr></tbody></table></body></html> | 395 </td></tr></tbody></table></body></html> |
OLD | NEW |