¿Cómo alinear a la derecha un elemento de bloque en línea?
Como puede ver en el siguiente violín:http: //jsfiddle.net/EvWc4/3, Actualmente estoy buscando una forma de alinear el segundo enlace (link-alt) al lado derecho de su padre (p).
Por qué no usar flotante o posición: absoluto, dirás, bueno, la razón principal es que me gusta el hecho de que la propiedad de visualización de enlaces (bloque en línea) les permite alinearse verticalmente de forma natural.
Usando flotante o posición: absoluto; Me veré obligado a calcular y poner un valor extra de margen superior o superior para alinear verticalmente los enlaces.
Aquí está el código, pero mejor ver el violínhttp: //jsfiddle.net/EvWc4/3 :
<p>
<a href="#" class="link">link</a>
<a href="#" class="link link-alt">link alt</a>
</p>
p {
padding: 20px;
background: #eee;
}
.link {
display: inline-block;
padding: 10px;
background: #ddd;
}
.link-alt { padding: 20px; }