|
1 <!DOCTYPE HTML> |
|
2 <title>CSS 2.1 Test Suite: wrapping around zero-height floats</title> |
|
3 <link rel="author" title="L. David Baron" href="http://dbaron.org/" /> |
|
4 <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> |
|
5 <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats"/> |
|
6 <meta name="flags" content="" /> |
|
7 <meta name="assert" content="wrapping around zero-height floats" /> |
|
8 |
|
9 <div style="width: 500px; height: 500px; float: left; font-size: 12px;"> |
|
10 |
|
11 <div style="float: left; width: 10px; height: 30px"></div> |
|
12 <div style="float: left; clear: left; width: 100px; height: 1px"></div> |
|
13 |
|
14 <span style="display:inline-block; vertical-align: bottom; height: 20px; width: 300px; background: blue;"></span> |
|
15 <span style="display:inline-block; vertical-align: bottom; height: 20px; width: 300px; background: purple;"></span> |
|
16 <span style="display:inline-block; vertical-align: bottom; height: 20px; width: 300px; background: fuchsia"></span> |
|
17 |
|
18 </div> |