title: fixed-width center element with auto-expanding elements on both sides
body: <p>I am trying to reproduce the below HTML table construct using CSS3. I have tried various ways of floating elements, creating new rendering contexts, auto margins, inline-blocks etc. </p>
  
  <pre><code>&lt;table width="100%" border="0" cellpadding="0" cellspacing="0" style="margin-bottom: 16px;"&gt;
      &lt;tr&gt;
          &lt;td&gt;B1, auto-expands&lt;/td&gt;
          &lt;td width="175"&gt;A, fixed width&lt;/td&gt;
          &lt;td&gt;B2, auto-expands&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>The end result should be a centered middle element width a fixed absolute width and two elements on the sides that should expand to assume the remaining available width without overlapping the middle element.</p>
  
  <p>I have settled for using CSS’ <code>display: table|table-row|table-cell</code>, but I wonder if someone here has a better way of achieving the same result.</p>