CSS: Centrar un elemento con postion absolute

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: