Чтобы создать обтекаемый текст в CSS, следует использовать свойство float. Это свойство позволяет элементам “плавать” вокруг других элементов и занимать доступное пространство.

Пример CSS кода:

img {
  float: left; /* устанавливаем плавающее значение для изображения */
  margin-right: 20px; /* добавляем отступ для разделения текста от изображения */
}

p {
  /* стилизуем параграфы */
}

Здесь мы создаем обтекаемый текст, находящийся справа от изображения. Для этого мы используем свойство float и устанавливаем значение left или right, в зависимости от того, с какой стороны должен быть текст. В данном случае мы устанавливаем значение left, чтобы текст обтекал изображение справа.

Мы также добавляем отступ (margin-right) для разделения текста от изображения.

Далее мы стилизуем параграфы по нашему усмотрению.

Обратите внимание, что при использовании свойства float возникает некоторая проблема с высотой родительского элемента, особенно если все дочерние элементы находятся в обтекаемом режиме. Одним из способов решения этой проблемы является добавление свойства overflow: hidden; к родительскому элементу, чтобы принудительно установить ему высоту на основе его содержимого.