title: Keep table cell width from growing larger than content
body: <p>I can't seem to find a way to do this <em>without</em> using Javascript.</p>
  
  <p>Let's say I have a <code>&lt;table&gt;</code>, and I don't know the potential width of the content that populates the first column. The <code>&lt;table&gt;</code> has <code>width:100%</code> so that the rest of the columns can resize as neccssary, but I'd like to keep the first column with a <em>fixed</em> width so that it doesn't grow larger than the content.</p>
  
  <p>Is this possible without Javascript?</p>
  
  <pre><code>&lt;table&gt;
      &lt;tr&gt;
          &lt;th&gt;Dynamic content column of unknown width&lt;/th&gt;
          &lt;th&gt;Some other column that is allowed to grow/shrink&lt;/th&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td&gt;Lorem ipsum ...&lt;/td&gt;
          &lt;td&gt;195383 ...&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>