| 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 |