title: CSS : How to have an input field auto adjusting its width
body: <p>I have a div called wrapper. It is centered horizontally using the margin property. The width of that wrapper is fixed.Inside that wrapper I have an a tag followed by an input field. What I am looking for is to have the width of the input field auto adjusting to the remaining width on the right (until the border of wrapper). I would like to avoid defining the width in pixels. I tried few thing but nothing is working (width auto or 100% for instance). Hope to be clear and hope someone can help.</p>
  
  <p>FIDDLE: <a href="http://jsfiddle.net/72sPT/" rel="nofollow">http://jsfiddle.net/72sPT/</a></p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div id="wrapper"&gt;
     &lt;a&gt;this is a button&lt;/a&gt;
     &lt;input type="text"/&gt;
  &lt;/div&gt;​
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>#wrapper {
      width: 600px;
      margin: 10px auto;
      background: blue;
  }
  </code></pre>
  
  <p>​</p>