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