title: How to align my link to the right side of the page?
body: <p>I have a link on my index page:</p>
  
  <pre><code>&lt;div class="content"&gt;
      &lt;a class="buy" href="buy.html"&gt;Buy&lt;/a&gt; 
  &lt;/div&gt;
  </code></pre>
  
  <p>I would like to align it to the right side of my page, I tried:</p>
  
  <pre><code>a.buy{
    color: #2da1c1;
    font-size: small;
    text-decoration: none;
    left: 252px;
    float: left;
  
  }
  a.buy:hover
  {
  color: #f90;
  text-decoration: underline;
  left: 252px;
  float: left;                 
  }
  </code></pre>
  
  <p>But it still located on the left side. (I have included my CSS file in my index.html, and the CSS file already take effect for other elements on the page)</p>