title: css: let input field fill the space left
body: <p>I'm trying to let a label and an input field fill the whole width of a from. <a href="http://jsfiddle.net/x8q8Q/" rel="nofollow">Here</a> is my attempt. This is the HTML</p>
  
  <pre><code>&lt;form&gt;
      &lt;p&gt;
          &lt;label&gt;Username:&lt;/label&gt;
          &lt;input/&gt;
      &lt;/p&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>and CSS</p>
  
  <pre><code>form {
      widht: 400px height: 500px;
      background-color: lightgrey;
  }
  label {
      float: left;
  }
  input {
      width: 100%;
      box-sizing: border-box;
  }
  </code></pre>
  
  <p>When I put a with: 100% in the input field it moves below the label and without the width it is too small. Any suggestions ?</p>