Ver Mensaje Individual
  #5 (permalink)  
Antiguo 09/05/2017, 12:05
Avatar de Rafael
Rafael
Modegráfico
 
Fecha de Ingreso: marzo-2003
Mensajes: 9.028
Antigüedad: 21 años, 8 meses
Puntos: 1826
Respuesta: Alinear texto vertical enlace

Para alinear normalmente lo haces contra un contenedor. En este caso no estás definiendo un contenedor, por lo que no puedes alinearlo en realidad.

Una opción de simular un alineado es usar un padding-top.

Cuando sí estás usando un contenedor, entonces, defines la altura en el contenedor, y después alineas el elemento interno.

Código CSS:
Ver original
  1. .enlace{
  2.    height:170px;
  3.    font-size:20px;}
  4.  
  5. .enlace >div {
  6.    vertical-align:middle;
  7.    display:inline-block;}

Una mejor opción es usar flexbox y align-items: center. Este alineará también elementos de bloque;


Código CSS:
Ver original
  1. .enlace{
  2.         display: -ms-flexbox;
  3.         display: flex;
  4.         align-items: center;}

Última edición por Rafael; 09/05/2017 a las 12:11