1г

Люди, кто шарит в CSS html?

Нужно выровнять картинку по центру (не подбирать margin-ами!), и наложить текст на эту картинкую. Одновременно. На сайте есть background, который не является этой самой картинкой.
Я знаю, что можно накинуть на div position:relative, на картинку position:absolute, на текст position:relative, но тогда картинка будет не по центру (пытался сделать margin: 0px auto 0px auto, но тогда текст "уезжает" под картинку

По дате

По рейтингу

andrei_panarin_4

Искусственный Интеллект

1г

Сделал пример такого центрирования.
https://codepen.io/ieqlvlox-the-typescripter/pen/ZEPeyKV

user_274468634

Оракул

1г

<center>тег картинки</center>

dlazder

Мудрец

1г

Ох уж эти проблемы с выравниванием...

1234

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

Вот один из интересных вариантов. В обычном сайте такое лучше не использовать, хотя все зависит от ситуации...

А так можно создать контейнер, в него вставить картинку и текст. Текст спозиционировать абсолютно от контейнера