title: Why this link doesnt get the text-align:right?
body: <p>I have <a href="http://jsfiddle.net/7y6FQ/" rel="nofollow">this</a> code :</p>
  
  <pre><code>&lt;div class="footer_bar_row_desc_richedi"&gt;
      &lt;a class="myText" href="#"&gt;My Text&lt;/a&gt;
      &lt;div class="myDiv"&gt;
          &amp;nbsp
      &lt;/div&gt;   
  &lt;/div&gt;
  
  .myText
  {
      text-transform:uppercase;
      font-weight:bold;    
      color:#b90e1d;
      text-decoration:none;    
      float:left; 
      font-size:12px;
      padding-top: 1px;
      text-align:right;
  }
  
  .myDiv
  {
      float:right; 
      width:25px; 
      padding-right:5px; 
      text-align:right; 
      margin-bottom:3px; 
      background:red;
  }
  </code></pre>
  
  <p>and I'd like to put the text on the link to the right, near (on the left) of the red div. Seems that attribute <code>text-align:right;</code> doesnt works. Any Idea?</p>