title: What is the best way to clear the CSS style "float"?
body: <p>I'm pretty accustomed to clearing my floats by using <code>&lt;br style="clear:both"/&gt;</code> but stuff keeps on changing and I am not sure if this is the best practice. </p>
  
  <p>There is a <a href="http://www.positioniseverything.net/easyclearing.html" rel="noreferrer">CSS hack</a> (from positioneverything) available that lets you achieve the same result without the clearing div. But... they claim the hack is a little out of date and instead you perhaps should look at <a href="http://www.sitepoint.com/blogs/2005/02/26/simple-clearing-of-floats/" rel="noreferrer">this hack</a>. But.. after reading through 700 pages of comments :) it seems there may be some places the latter hack does not work. </p>
  
  <p>I would like to avoid any javascript hacks cause I would like my clearing to work regardless of javascript being enabled. </p>
  
  <p>What is the current best practice for clearing divs in a browser independent way?</p>