Cómo - Centrar imágenes
Aprende a centrar una imagen con CSS.
imagen centrada:
Cómo centrar imágenes
Paso 1) Agregar HTML:
Ejemplo
<img src="paris.jpg" alt="Paris" class="center">
Paso 2) Agregar CSS:
Para centrar una imagen, establezca el margen izquierdo y derecho auto
y conviértalo en un block
elemento:
Ejemplo
.center {
display: block;
margin-left: auto;
margin-right: auto;
width: 50%;
}
Tenga en cuenta que no se puede centrar si el ancho se establece en 100% (ancho completo).
Sugerencia: vaya a nuestro tutorial de imágenes CSS para obtener más información sobre cómo diseñar imágenes.