title: How can I make my DIV clear?
body: <p>I have the following code:</p>
  
  <pre><code>&lt;div class="clearfix"&gt;
    &lt;div style="float: left; padding-right: 1%;"&gt;
      &lt;label class="adm"&gt;Created&lt;/label&gt;
    &lt;/div&gt;
    &lt;div style="float: left; padding-right: 1%;"&gt;
      &lt;label class="adm"&gt;Created&lt;/label&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;div class="mdl_ftr"&gt;&lt;/div&gt;
  
  .clearfix:after{
    clear: both;
    bdy: ".";
    display: block;
    height: 0;
    visibility: hidden;
  }
  .mdl_ftr {
      min-height: 69px;
  }
  .mdl_ftr {
      background: Red;
      min-height: 45px;
  }
  </code></pre>
  
  <p>and an <a href="http://jsfiddle.net/63gkw/" rel="nofollow">example fiddle</a></p>
  
  <p>I would like the background color of mdl_ftr to start AFTER the labels. Is there a simple way that I can make this happen. Right now the mdl_ftr DIV starts right at the top left corner of the first label. What I want is it to follow the labels and not appear as a background to them.</p>
  
  <p>Help would be much appreciated</p>