title: How to avoid empty clear divs?
body: <p>I have been using a lot of floats recently like this:</p>
  
  <pre><code>&lt;div id="buttons"&gt;
    &lt;input type="button" id="btn1" value="Button One"&gt;
    &lt;input type="button" id="btn2" value="Button Two"&gt;
    &lt;input type="button" id="btn3" value="Button Three"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Sometimes I'll float a button to the right. Sometimes I'll float all of them to the right. This is where the problem starts. It really throws the flow off if I do that so I have to keep putting in these:</p>
  
  <pre><code>&lt;div style="clear:both;"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>at the end. That throws off the layout if I'm <strong>not</strong> floating them all.</p>
  
  <p>Is there a good solution to this?</p>