<!DOCTYPE HTML> <html> <title>CSS 2.1 Test Suite: Test for float placement rules</title> <link rel="author" title="Robert O'Callahan" href="mailto:robert@ocallahan.org" /> <link rel="author" title="Mozilla Corporation" href="http://mozilla.com/" /> <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#float-position" /> <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." /> <meta name="assert" content="A floating box must be placed as high as possible. " /> <meta name="flags" content="" /> <body style="width:100px; font-size:5px;"> <!-- Check that we don't allow floats to reorder --> H <div style="background:blue; width:100px; height:100px; float:left;"></div> <div style="background:yellow; width:30px; height:30px; float:left;"></div> <div style="background:yellow; width:30px; height:30px; float:right;"></div> </body> </html>