Как привязать текст к изображению?

Question

[Илья Ильич]

Дано: текст, изображение с рамкой. Нужно вписать текст в рамку, при этом учесть, чтобы при изменении разрешения текст оставался в рамке. Как лучше реализовать?

Comments

[Евгений Вольф]

чтобы при изменении разрешения текст оставался в рамке

Уточните этот эпитет. Что значит "оставался в рамке"? А если картинку сильно уменьшат, то... размер текста должен сократиться до 1px (или того меньше)?

[Илья Ильич]

Евгений Вольф, ну хотя бы до исходного размера изображения, а дальше я уже буду просто рамку делать, без девушки

[Евгений Вольф]

Илья Ильич, хм... Тогда Вы можете просто задать высоту и ширину блока с текстом в относительных величинах, например, в процентах и вписать туда текст. А размер текста - можно корректировать в зависимости от того, что влияет на исходный размер изображения, например в зависимости от высоты/ширины экрана (vh/vw).

Answer 1

[Даниил Маслов]

Comments

[Дима Долготер]

у него рамка и девушка одна картинка.

[Даниил Маслов]

SpiderPigAndCat, как это можно понять исходя из вопроса? :)

[Владислав Линник]

SpiderPigAndCat, Если так - тогда общий контейнер для img и текста, контейнеру position: relative, тексту position: absolute

[Дима Долготер]

Владислав Линник, все проще)) padding-right:50%; на контейнер