Centrar una imagen

na de las destrezas a desarrollar en la inserción de imágenes, es su posicionamiento en la estructura de un texto, y, la centralización es tal vez la más empleada. Es de las primeras lecciones a aprender, pero, ¿no sabes cómo ubicar una imagen centralizada?.

entrar una imagen usando CSS es muy sencillo, y, en este tutorial veremos dos herramientas sencillísimas para hacerlo; sigue leyendo para conocerlas, ¡y aplicarlas!

Procedimiento Nro. 1

ste procedimiento es muy sencillo: simplemente debes establecer el margen izquierdo y derecho con valor auto y conviértelo en un elemento block, ¡tan sencillo como eso, ok!

L CSS a aplicar a la imagen tendría la siguiente sintaxis:

 

.centrada {
  display: block;
  margin-left: auto;
  margin-right: auto;
  clear: both;
}

eamos cómo se inserta esa clase en la etiqueta img; realmente, no tiene ninguna ciencia, pero, es importante para lectores principiantes en el CSS:

<img alt="imagen" class="centrada" src="url de tu imagen"/>

Nota: el nombre a asignar a la clase lo colocas según tu preferencia. Para este ejemplo, usé centrada, pero puedes usar cualquier otra denominación.

Procedimiento Nro. 2

ste procedimiento es tan igual de sencillo como el anterior, con una simple modificación: simplemente vas a encerrar la etiqueta img en un contenedor div, al que debes aplicar la clase con la siguiente declaración:

 div {
    text-align: center;
  }

eamos los códigos:

<!-- CSS -->

<style>
 div {
    text-align: center;
  }

</style>

<!-- HTML -->

<div>
    <img src="url de la imagen" >
    
</div>

Resultado:

n ambos casos, podrás mirar la imagen posicionada exactamente en el centro de tu documento:

 

Imagen centrada

 

¿Asombrado por la sencillez de estos dos procedimientos? No lo pienses más, y ¡practícalo con alguna imagen de tu preferencia!!! Y, no olvides NUNCA que cada NUEVO APRENDIZAJE es una nueva línea en el libro de los conocimientos que fundamentan tus habilidades.

---

¡¡Aprender es interesante y divertido!!

Salu2 y bendiciones, Atte, Angel Paz