title: CSS text-align property
body: <p>I have the following HTML:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;HTML&gt;
      &lt;HEAD&gt;
          &lt;style type="text/css"&gt;
              .name {
                  font-size: 18px;
                  margin-top: 1px;
                  text-align: right;
              }
  
              .contactInfo {
                  font-size: 12px;
                  margin-top: 1px;
                  text-align: left;
              }
          &lt;/style&gt;
          &lt;TITLE&gt;Joe Sixpack&lt;/TITLE&gt;
      &lt;/HEAD&gt;
      &lt;BODY&gt;
          &lt;div id="name"&gt;
              &lt;span class="name"&gt;Joe Sixpack&lt;/span&gt;
          &lt;/div&gt;
  
          &lt;div id="contactInfo"&gt;
              &lt;span class="contactInfo"&gt;
                  123 Electric Ave, Mudflap, NS 12345 &amp;#8226; (888) 555-1212 &amp;#8226; &lt;A HREF="mailto:Joe@Sixpack.com"&gt;Joe@Sixpack.com&lt;/A&gt;
              &lt;/span&gt;
          &lt;/div&gt;
  
          &lt;HR&gt;
      &lt;/BODY&gt;
  &lt;/HTML&gt;
  </code></pre>
  
  <p>The problem is that I would like the name class to be aligned to the right but it is not happening.  Both the name and the address are on the left.  Why is that and how do I fix it?</p>