title: Input box 100% width, with label to the left
body: <p>I'm trying to have a fluid input box with 100% width, while having the label floated to the left.  Here's what I currently have:</p>
  
  <pre><code>.left {
    float: left;
  }
  
  input {
    width: 100%;
  }
  
  &lt;form&gt;
      &lt;label class="left"&gt;Name:&lt;/label&gt;
      &lt;input class="left" id="name" name="name"/&gt;
      &lt;div class="clear"&gt;&lt;/div&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>This works, however it drops down below the label.  If I use a parent div to assign the floats, then it doesn't span 100%.  Any ideas?</p>
  
  <p>Thank you!</p>