Как сделать так, чтобы текст уходил под кург?

Чтобы сделать так, чтобы текст уходил под круг в CSS, вы можете использовать свойство shape-outside с значением circle(). Вот пример кода:

HTML:

<div class="circle">
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean pulvinar, sem eu gravida lobortis, lectus mi faucibus lorem, nec dignissim elit urna vel turpis.</p>
</div>

CSS:

.circle {
  width: 200px;
  height: 200px;
  shape-outside: circle(50%);
  float: left;
  background-color: red;
}

p {
  padding: 20px;
}

В этом примере мы создаем div с классом "circle", который имеет размеры 200x200 пикселей и имеет красный фон. Затем мы применяем свойство shape-outside к div с значением circle(50%). Значение 50% указывает на то, что круг должен быть половиной ширины и высоты блока.

Важно отметить, что свойство shape-outside работает только с элементами, которые имеют пустое пространство внутри. Поэтому мы добавляем padding для элемента <p>, чтобы оставить пустое пространство внутри блока и обеспечить отступ текста от края круга.

Это только один из способов достижения этого эффекта. Для более сложных форм и фигур, вы можете использовать свойства polygon(), ellipse(), inset(), path() и другие, в зависимости от ваших потребностей.