Alinear Imágenes con texto en CSS

¿Cómo alinear un texto en medio de una imagen, o en la parte superior o inferior en CSS? El atributo CSS que deberás aplicar en la imagen es: vertical-align

Los principales valores para alinear imágenes y texto en CSS son:

vertical-align: text-top; – texto alineado con la parte superior de la imagen:

css-texto-alineado-arriba

vertical-align: middle; – texto alineado con la parte media de la imagen / o a la mitad de la imagen:

css-texto-alineado-enmedio

vertical-align: text-bottom; – texto alineado con la parte inferior de la imagen:

css-texto-alineado-abajo

Más propiedades e información en:

w3schools.com – css vertical align

Autor: Janmi

Janmi es un informático entusiasta de la ciencia ficción, el diseño gráfico, el universo de Tolkien, fantasía épica y otras cosas frikis. Apasionado por la tecnología, ya sea desde el punto de visto técnico, domótico, funcional o de diseño.