| OLD | NEW |
| (Empty) |
| 1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/st
rict.dtd"> | |
| 2 <html><head> | |
| 3 <title>CSS Test: Test for wrapping around floats whose top is below the top of w
hat must wrap around them</title> | |
| 4 <link rel="author" title="L. David Baron" href="http://dbaron.org/"> | |
| 5 <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/"> | |
| 6 <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats"> | |
| 7 <link rel="match" href="floats-wrap-top-below-001r-ref.htm"> | |
| 8 <link rel="mismatch" href="floats-wrap-top-below-001r-notref.htm"> | |
| 9 <meta name="assert" content="The border box of a table, a block-level replaced e
lement, or an element in the normal flow that establishes a new block formatting
context (such as an element with 'overflow' other than 'visible') must not over
lap any floats in the same block formatting context as the element itself."> | |
| 10 <meta name="flags" content=""> | |
| 11 <style type="text/css"> | |
| 12 | |
| 13 body { width: 400px; border: medium solid; } | |
| 14 div { float: right; clear: right; } | |
| 15 span { display: block; overflow: hidden; width: 200px; height: 50px; background:
aqua; margin-left: auto; } | |
| 16 | |
| 17 </style> | |
| 18 </head> | |
| 19 <body> | |
| 20 | |
| 21 <div style="width: 50px; height: 75px;"></div> | |
| 22 <div style="width: 100px; height: 75px;"></div> | |
| 23 <span></span> | |
| 24 <span></span> | |
| 25 | |
| 26 | |
| 27 | |
| 28 </body></html> | |
| OLD | NEW |