title: Right Align Text at end of line without table
body: <p>I spent a little while trying to figure out how to achieve the following effect without using a table but couldn't figure it out: <a href="http://jsfiddle.net/sKFzA/" rel="nofollow">http://jsfiddle.net/sKFzA/</a> </p>
  
  <p>CSS :</p>
  
  <pre><code>.header{width:100%;font:25px Arial,Helvetica,sans-serif;}
  .titleCol{width:99%;}
  .dateCol{vertical-align:bottom;white-space:nowrap;}
  .dateText{font-size:12px;}
  </code></pre>
  
  <p>HTML :</p>
  
  <pre><code>&lt;table class="header"&gt;
  &lt;tr&gt;
      &lt;td class="titleCol"&gt;This is the blog title&lt;/td&gt;
      &lt;td class="dateCol"&gt; &lt;span&gt;&amp;nbsp;&lt;/span&gt;&lt;span class="dateText"&gt;1/23/2012&lt;/span&gt;
  
      &lt;/td&gt;
  &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>To explain it, I have a blog title and a blog date. The title could be long and wrap. At the end of the last line, wrapped or not, I want the blog date to be aligned to the right. </p>
  
  <p>So I have two questions. Is there any reason not to use a table for this? If so, how would you achieve it without assuming static font sizes?</p>