title: Aligning a DIV within a table cell
body: <p>I have an HTML table with three columns. In the right most column, I want to right-align the content. In an attempt to do this, I have the following:</p>
  
  <pre><code>&lt;table border='0' cellpadding='0' cellspacing='0' style='width:100%;'&gt;
    &lt;tr&gt;
      &lt;td&gt;Content 1&lt;/td&gt;
      &lt;td&gt;Content 2&lt;/td&gt;
      &lt;td style='text-align-right'&gt;Content 3&lt;/td&gt;
    &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>The content in the third cell is actually generated via some server-side code. When the generate content is text, the content is aligned properly. However, when I attempt to right-align a DIV element that is within the third cell, it does not do it. The DIV is always left-aligned. How do I right-align a DIV within a table cell?</p>
  
  <p>Thank you!</p>