Некоторые современные методы обтекания изображения текстом в веб-дизайне:

• Использование свойства float в CSS. 1 Устанавливая для изображения значение float: left или float: right, можно настроить отступы с помощью margin. 1
• Применение Flexbox. 2 С его помощью создают макеты, в которых текст и изображение выровнены бок о бок. 2
• Использование CSS Grid. 2 Это универсальный метод создания макетов, в которых текст обтекает изображение. 2 Контейнер определяет макет из двух столбцов, с изображением в одном столбце и текстом в другом. 2 Свойство gap добавляет пробел между изображением и текстом. 2
• Обтекание текстом изображений нестандартной формы. 1 Для этого используют свойство shape-outside. 1 Оно даёт возможность создавать различные текстовые формы, используя для этого круги, эллипсы и многоугольники. 1