title: CSS: Two divs side by side, in autosizing table cell
body: <p>I have 2 divs in a table cell. I want the left hand div to size according to it's content, and I want the right hand div to float right. Both should be vertically centered.</p>
  
  <p>The table cell autosizes like this:</p>
  
  <pre><code>&lt;td style="width: 1px;"&gt;
     ...
  &lt;/td&gt;
  </code></pre>
  
  <p><strong><a href="http://jsfiddle.net/Homeliss/K8y9M/" rel="nofollow">Here is a fiddle</a></strong></p>