@Bafrektez

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

Доброй ночи. Суть такова - есть список из 5 изображений. Они отображается в линию. И надо под каждым изображением написать 3-5 слов, чтобы при смене разрешения верстка не плыла. Подскажите, как это лучше сделать?
  • Вопрос задан
  • 236 просмотров
Пригласить эксперта
Ответы на вопрос 2
paulradzkov
@paulradzkov
Дизайнер, верстальщик, начальник отдела UI
Сделайте так codepen.io/paulradzkov/pen/WvgLwN?editors=110

Картинки могут быть любых размеров, текст любой длины.

Фишка в том, что каждый элемент li сделан инлайновой таблицей, а таблицы не могут сжаться больше, чем контент внутри них. Чтобы таблицы приняли ширину картинки, ставим width: 1%. Иначе таблица растягивается по ширине абзаца.
Ответ написан
Комментировать
aliencash
@aliencash
Партизан
предлагаю использовать figure и figcaption
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы