Sé que llego tarde a la fiesta, pero pensé en proporcionar una respuesta aquí para las personas que necesitan colocar horizontalmente un elemento absoluto, cuando no conocen su ancho exacto.
Prueba esto:
// Horizontal example.
div#thing {
position: absolute;
left: 50%;
transform: translateX(-50%);
}
También se puede aplicar la misma técnica, para cuando necesite una alineación vertical, simplemente ajustando las propiedades de esta manera:
// Vertical example.
div#thing {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
Michael Giovanni Pumo
fuente