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

Question

[Rimidbit]

Приветствую знатоков верстки!
Делаю учебный сайт. Сверстал главную и адаптировал все блоки кроме 1 - заготовка под слайдер. Сам слайд - картинка, на которой 2 строчки текста. Чтобы загнать текст на картинку использовал position: absolute;, top и left задал в %, но все равно как только включаю хромовский отладчик, вижу перекос.
Ссылка для наглядности
https://rimidbit.github.io/lian/

Comments

[Rustam Bainazarov]

Попробуйте это:

position: absolute;
top: 50%;
left: 50%;
transform: translate (-50%,- 50%);

Answer 1

[Rimidbit]

Пока ждал ответ, нарыл такой вариант

position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);

правда на кроссбраузерность не тестил пока

Answer 2

[Elhait]

Для горизонтальной центровки через абсолют можно прописать left: 0, right: 0, margin: auto