Как выровнять по центру абсолютно позиционированный блок с динамической шириной?

Question

[t00rt]

Есть блок, внутри него блок с position: absolute и display: none который выходит за пределы первого блока.
При наведении на первый блок появляется второй, по сути это просто подсказка.


Нужно что бы подсказки появлялись сверху по центру, но из за меняющейся длинны текста подсказки обычный способ с left: 50%; margin-left: -x% не работает. Нашел варианты с JS, но хлотелось бы обойтись без него.

Answer 1

[Николай]

Как вариант, у блока на который наводим указать в стилях position: relative, а блоку который появляется left: 50% и transform: translateX(-50%)

Answer 2

[Adik Izat]

.absolute{
  position: absolute;
  bottom: 100%;
  left: auto;
  right: auto;
}