¿Cómo centrar una imagen verticalmente con CSS?


Probablemente cuando insertamos una imagen, queramos centrarla verticalmente y que no se nos quede la base de la imagen alineada a la del texto, sino que la base del texto coincida con el punto medio de la imagen.

Para entenderlo mejor, veamos el siguiente ejemplo:

Bottom Middle Top


Si queremos conseguir el resultado como está en la celda del centro, lo normal es pensar en alguna de las siguientes opciones:

Sin embargo, cuando queremos hacerlo con CSS, estas opciones por sí solas, no sirven. El código siguiente, resuelve el problema:

El truco está en la segunda sentencia.

Dejar un Comentario