Breaking

Post Top Ad

Your Ad Spot

viernes, 24 de agosto de 2018

Como Centrar una imagen con CSS

Uno de los problemas que presenta la etiqueta img al no ser inline es que no es fácil centrarla (alinear en el centro de la página) con CSS.

El texto de un párrafo se centra con un text-align: center; pero, como digo, la imagen al no ser inline no se puede centrar así.

Cuando un elemento del HTML no es un elemento en linea (se interpreta en línea) hemos de tratarlo como un bloque y para estos casos existe la propiedad display: block; y, como cualquier otro bloque, le asignaremos un margen automático para que se centre.

De esta manera centraremos la imagen de nuestro código HTML:

img{
display:block;
margin:auto;
}

No hay comentarios.:

Publicar un comentario

Post Top Ad

Your Ad Spot

Páginas