<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>CSS Test: Floats, shifting down below all other floated elements</title> <link rel="author" title="Microsoft" href="http://www.microsoft.com/"> <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats"> <link rel="match" href="reference/floats-005-ref.htm"> <meta name="flags" content="image"> <meta name="assert" content="Floated boxes shift down until it fits."> <style type="text/css"> #parentDiv { background: red url('support/floats-005.png'); width: 1.25in; } div { float: left; } div div { background: green; } #div1 { height: 1in; width: 1.2in; } #div2 { height: 1in; width: 0.75in; } #div3 { height: 0.25in; width: 0.2in; } #div4 { width: 0.5in; height: 0.25in; } </style> </head> <body> <p>Test passes if there is no red.</p> <div id="parentDiv"> <div id="div1"></div> <div id="div2"></div> <div id="div3"></div> <div id="div4"></div> </div> </body> </html>