title: How to make a table cell stretch for the rest of the width?
body: <p>I'm trying to create a simple table with 3 columns: the first/last should take the exact width of their children and the middle one should stretch and fill the rest of it.</p>
  
  <pre><code>.table {
    display: table;
    width: 100%;
  }
  </code></pre>
  
  <p>I've tried using both <code>&lt;table&gt;</code> element, as well as <code>flex</code> - but not sure how to achieve this.</p>
  
  <p>I can do it per line using flex, but then the first/last columns won't be aligned across rows. In addition, I don't want to set a fixed width for the first/last column.</p>