title: CSS: Best way to left align a float:right section
body: <p>I want what in the good old days would be a two-column table layout. It's for <a href="http://paulisageek.com/resume" rel="noreferrer">http://paulisageek.com/resume</a> and is working perfectly with:</p>
  
  <pre><code>.dates {
    float:right;
    width:171px;
  }
  </code></pre>
  
  <p>but I'm sure I'll break the sizes on updates (and different fonts, and browsers, and font-sizes, etc).</p>
  
  <p>Is there a way to make the second column autosize without forcing a width (or using javascript)? Will CSS3 have a way?</p>