@Legal2019
Всё в имени моём... и радость и печаль...

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

Всем привет.

Структура имеет вид - см. картинку 1.

Картинка блоком обтекает слева текст и всегда ширина 300px, а по вертикали - auto. Если появляются любые блочные элементы с любыми псевдоэлементами или, как в примере, в виде маркированного/нумерованного списка, то блок картинки наплывает на другой блочный элемент.
Картинка 1
6038fd3f83a78207838521.png
Вариант 1 css:
list-style: none;
list-style-position: outside;

6039008220977029860192.png
Вариант 2 css (стандартные маркеры):
list-style-position: outside;
6039011ec575c930291508.png
Такая же проблема становиться и с выделенными абзацами (<p></p>) в WP через гутенберг.
Может кто знает как решить такую проблемку?
Может кто что может порекомендовать чтобы избежать наплыва блочных элементов?
  • Вопрос задан
  • 40 просмотров
Пригласить эксперта
Ответы на вопрос 1
Shev_Art_V
@Shev_Art_V
Занимаюсь разработкой сайтов на Modx Revolution
По внешнему виду похоже на то, что у вас float где-то, соответственно текст всегда будет обтекать картинку, если вы хотите чтобы текст был строго справа и снизу, то надо делать три блока картинка, текст справа, текст снизу, ну и позиционировать с помощью flex или grid.
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы