title: Make a child element fill the min-width of the parent
body: <p>I have a table nested in a div. The div has a min width. I want the table to stretch to the min width of the div and beyond that if needed.</p>
  
  <p>html:</p>
  
  <pre><code>&lt;div class="container"&gt;
      &lt;table class="content"&gt;
          &lt;tr&gt;
            &lt;td&gt;not much here&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/table&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>css:</p>
  
  <pre><code>.container {
      min-width: 15em;
      background-color: pink;
      display: inline-block;
      padding: 2px;
  }
  
  .content td {
      background-color: yellow;
  } 
  </code></pre>
  
  <p>I want the td to fill the container. But if the content was longer then the container should stretch.</p>