title: How can three divs expand the parent element when only the middle div has a fixed width?
body: <p>Is there a way to have three div elements expand the width of the parent while only the middle div has a fixed width? The div element to the left and right of the middle one should have equal widths.</p>
  
  <p>I want something like this to work:</p>
  
  <pre><code>&lt;div style="width:100%"&gt;
      &lt;div id="elasticWidth1"&gt;&lt;/div&gt;
      &lt;div id="fixedWidth"&gt;&lt;/div&gt;
      &lt;div id="elasticWidth2"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Edit: This is what the result should look like:
  <img src="https://i.stack.imgur.com/V4e9N.jpg" alt="enter image description here"></p>