Centrar un div con position absolute

Centrar un div con position absolute





Muchas veces en CSS nos complicamos la vida con cosas sencillas, En este caso veremos como centrar un div posicionado de forma absoluta y la respuesta es muy sencilla:

  1. Le damos una anchura fija al div Ejemplo: 500px
  2. Posicionamos absolutamente el div con 50% la izquierda Ejemplo: position:absolute;left:50%;
  3. Le restamos con el margin izquierdo la mitad de lo que mide Ejemplo: margin-left:-250px;

El resultado es un div posicionado de forma absoluta y perfectamente centrado.

Comentario

Comentarios

Shares