title: CSS 3 DIVs in a row : 2 fix 1 auto adjust
body: <p>I am trying to figure out how to create 3 divs and have them lineup in the same row.
  Having 1st and 3rd one fixed width at 100px and have the 2nd (middle) one audo adjust its width in case of browser resize.</p>
  
  <pre><code>&lt;div&gt;
     &lt;div id="d1"&gt; content 1&lt;/div&gt;
     &lt;div id="d2"&gt; content 2&lt;/div&gt;
     &lt;div id="d3"&gt; content 3&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>thanks,</p>