Для настройки обтекания вокруг нестандартной фигуры можно использовать свойство shape-outside в CSS. 15 Оно позволяет создавать различные текстовые формы, используя для этого круги, эллипсы и многоугольники. 1
Пример использования для круглых изображений: 1
.circle-image { border-radius: 50%; float: left; shape-outside: circle(50%); margin-right: 10px;}
Также для предотвращения наложения текста на изображение можно использовать свойство overflow: hidden. 1 Оно позволяет контролировать распределение абзацев. 1
Ещё один метод настройки обтекания вокруг нестандартной фигуры — использование CSS Shapes. 1 Для этого нужно применить свойства shape-outside и clip-path, задав координаты для рисования многоугольника с помощью свойства polygon. 5