<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>CSS 2.1 Test Suite: float</title> <style type="text/css"><![CDATA[ p { margin: 0; padding: 0; font-size: 3em; } .eight {float: left; width: 25%; background-color: #000080; color: white; padding: 0; margin: 0} .nine {float: right; width: 25%; background-color: teal; color: white; padding: 0; margin: 0} ]]></style> <link title="9.5 Floats" href="http://www.w3.org/TR/CSS21/visuren.html#floats" rel="help"/> </head> <body> <div class="eight"> <p> ⇦ This blue box should be on the left. </p> </div> <div class="nine"> <p> This teal box should be on the right. ⇨ </p> </div> <p> This text should be in between a blue box on the ⇦left and a teal box on the right⇨. </p> </body> </html>