floats-placement-vertical-003.xht (1142B)
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Test: Test for float placement rules</title> 2 <link rel="author" title="Robert O'Callahan" href="mailto:robert@ocallahan.org" /> 3 <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> 4 <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#float-position" /> 5 <link rel="match" href="floats-placement-vertical-003-ref.xht"/> 6 <meta name="assert" content="The outer top of a floating box may not be higher than the outer top of any block or floated box generated by an element earlier in the source document." /> 7 <meta name="assert" content="A floating box must be placed as high as possible. " /> 8 </head><body style="width:100px; font-size:5px;"> 9 <!-- Check that we don't allow floats to reorder --> 10 H 11 <div style="background:blue; width:100px; height:100px; float:left;"></div> 12 <div style="background:yellow; width:30px; height:30px; float:left;"></div> 13 <div style="background:yellow; width:30px; height:30px; float:right;"></div> 14 15 16 </body></html>