title: CSS right align rule not working
body: <p>I have created a CSS rule to align the text to the right. But when I am imposing that rule on a font in a cell, it is not aligning it to the right! Can anybody tell why???</p>
  
  <p>Here is my code:</p>
  
  <p>CSS:</p>
  
  <pre><code>.font1 {
      font-size: 60px;
      text-align: right;
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>&lt;table width="90%" align="center" bgcolor="#669999" border="10" cellpadding="0" cellspacing="0"&gt;
      &lt;tr&gt;
        &lt;td style="border-width:0px 0px 0px 0px; font-family: Nyala; font-size: 80px; color: #000;"&gt;&lt;p&gt;&lt;span class="font1"&gt;Name1&lt;br /&gt;
          &lt;/span&gt;
          Name2&lt;/p&gt;
  
        &lt;/p&gt;
        &lt;p&gt;&amp;nbsp;&lt;/p&gt;&lt;/td&gt;
        &lt;td width="300" align="center" style="vertical-align:top;border-width:0px 0px 0px 0px"&gt;&lt;img src="pictures/logo - without bg.png" width="200" height="200" alt="logo-without bg" /&gt;&lt;/td&gt;
  
  &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>