Novato CSS: ¿Cómo alinear mi enlace al lado derecho de la página?

Question

Tengo un enlace en mi página de índice:

<div class="content"> 
    <a class="buy" href="buy.html">Buy</a> 
</div> 

me gustaría ajustarla a la parte derecha de la página, probé:

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;     
} 

Sin embargo, todavía se encuentra en el lado izquierdo . (He incluido mi archivo CSS en mi index.html, y el archivo CSS ya en vigor para los demás elementos de la página)

Answer 1

Trate float: right:

a.buy { 
    color: #2da1c1; 
    font-size: small; 
    text-decoration: none; 
    float: right; 
} 
a.buy:hover 
{ 
    color: #f90; 
    text-decoration: underline;   
} 

Otra manera sería:

.content { 
    position: relative 
} 
a.buy { 
    color: #2da1c1; 
    font-size: small; 
    text-decoration: none; 
    position: absolute; 
    right: 0; 
} 
a.buy:hover 
{ 
    color: #f90; 
    text-decoration: underline;   
} 

Answer 2

(1) tiene float: left; en el código de ejemplo (2) ¿tal vez si agrega float: right; al div le ayudará?

Answer 3

intente lo siguiente:

a.buy{ 
    color: #2da1c1; 
    font-size: small; 
    text-decoration: none; 
    float: right; 

} 
a.buy:hover 
{ 
color: #f90; 
text-decoration: underline; 
} 

Answer 4

También puede probar:

.content 
{ 
    text-align: right; 
}