title: CSS display inputs in-line (last input width:100%)
body: <p>I need to create a line with a few inputs  and to be sure they always fill the div, I've added <code>width:100%</code> to the last input</p>
  
  <pre><code>&lt;div style="width:300px;background:#eee;height:30px"&gt;
      &lt;input value="first" style="width:80px" type="button"/&gt;
      &lt;input value="second" style="width:80px" type="button"/&gt;
      &lt;input value="last" style="width:100%" type="button"/&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>This sample is not working fine because the last input width is same as div's and it appears in the second line.</p>
  
  <p>How can I make them all appear in the same line?</p>
  
  <p><strong><a href="http://jsfiddle.net/k2Nqp/" rel="noreferrer">Jsfiddle</a></strong></p>