¿Cómo centrar la imagen?

Aprende a centrar imágenes utilizando CSS.

Centrar imagen:

Tulip

¿Cómo centrar la imagen?

Primer paso - Añadir HTML:

<img src="paris.jpg" alt="Paris" class="center">

Segundo paso - Añadir CSS:

Para centrar la imagen, configure los márgenes laterales como autoy configúrela como un elemento de bloque:

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

Intente personalmente

Por favor, asegúrese de que el ancho esté configurado como 100%Si es (ancho en caracteres completos), no se puede alinear al centro.

Páginas relacionadas

Tutoriales:CSS de imagen