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

Desarrollo Web by esther solà
Resumen de privacidad

Esta web utiliza cookies para que podamos ofrecerte la mejor experiencia de usuario posible. La información de las cookies se almacena en tu navegador y realiza funciones tales como reconocerte cuando vuelves a nuestra web o ayudar a nuestro equipo a comprender qué secciones de la web encuentras más interesantes y útiles.