Saltar al contenido

Cómo centrar una imagen

septiembre 20, 2021
img paris

Aprenda a centrar una imagen con CSS.


Imagen centrada:

París


Cómo centrar imágenes

Paso 1) Agregar HTML:

Ejemplo


Paso 2) Agrega CSS:

Para centrar una imagen, establezca los márgenes izquierdo y derecho en auto y conviértelo en un block elemento:

Ejemplo

.center {
bloqueo de pantalla;

margen izquierdo: automático;
margen derecho: automático;

ancho: 50%;
}

Inténtalo tú mismo »

Tenga en cuenta que no se puede centrar si el ancho se establece en 100% (ancho completo).

Propina: Vaya a nuestro Tutorial de imágenes CSS para obtener más información sobre cómo aplicar estilos a las imágenes.

close