CSS: Centrar un elemento con postion absolute

Como centrar un elemento en CSS, vertical y horizontalmente, cuando tiene indicado u posicionamiento absoluto.


por

Ahí va uno de esos trucos, tips, o llámalo como quieras, de CSS que nunca recuerdo cómo hacer y siempre debo buscar en Google para conseguirlo.

Se trata de conseguir centrar un elemento cuando tiene indicado un posicionamiento absoluto.

y la solución no puede ser más simple:

position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;

En CSS tenemos múltiples formas de centrar elementos, que dependerá de los atributos y características de lo que queremos centrar y de su contenedor. En esta guía tienes varias soluciones en función de lo que necesites:

Comentarios

6 respuestas a «CSS: Centrar un elemento con postion absolute»

  1. Avatar de Russel

    |

    Excelente, ya me estaba rompiendo la cabeza, gracias!

  2. Avatar de como centrar un texto en html con css

    |

    Deberias postear muchos mas aportes como esta. Gracias, Un saludo

  3. Avatar de como centrar un texto en html5

    |

    nos sirvio bastante.

  4. Avatar de William Vasquez

    |

    wow me encanto hay que romperse la cabeza cuando uno es novato.

  5. Avatar de Tomás

    |

    Gracias!!!

  6. Avatar de Leandro

    |

    Muchas gracias por este aporte, me ha servido muchísimo, mil gracias