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

Respuestas a la pregunta(14)

Su respuesta a la pregunta