Как располагать текст на картинке?

Question

Как располагать текст на картинке?

classclasss Мыслитель (6308), закрыт 5 лет назад

На странице сверху находится навигационный бар, ниже картинка (Создал div и туда вставил изображение. Оно занимает где-то 70% видимой страницы). Чтобы расположить текст как мне нужно требуется создать в нем div, а потом его регулировать paddling'ом?

Дополнен 5 лет назад

Что-то у меня не очень выходит

Answer 1

Можешь блоку с картинкой просвоить position:relative. А блоку с надписью position:absolute. И регулировать top:**; left:**; - отступы от верхнего и левого края блока-родителя

Answer 2

Чтобы сделать текст поверх картинки, создаешь один див, его позиционируешь и ему же задаешь background c картинкой, не надо внутрь дива вставлять <img и дрочить абсолютное позиционирование с паддингами.

https://jsfiddle.net/r49mbzup/