title: why does my html a tag not work with css float: right?
body: <p>I have a bilingual site made with ruby on rails and in the top right corner is a link to the English version and Spanish version. I have 2 layouts, one for each language. Both use the same class. Here is the html</p>
  
  <pre><code>&lt;a class="language" href="home"&gt;ENGLISH&lt;/a&gt;
  </code></pre>
  
  <p>and the css:</p>
  
  <pre><code>.language {
    float:right;
    color: white
  }
  </code></pre>
  
  <p>My problem is that without css applied the links work fine. When I apply css the word ENGLISH appears on the screan but just as normal text and not a link. I tried commenting out <code>float:right;</code> and again the link works but the word is in the middle of the screen because the body has <code>text-align</code> set to justify.  I have also tried using <code>text-align: right;</code> in stead of <code>float: right</code> and this seems to have no effect.  What is happening?</p>