Как да отмените обтекането на изображението с текст…

За да отмените текста около изображение, приложено чрез CSS свойството float, можете да използвате следните методи:

Свойството clear: Прилага се към елемента, който следва след изображението. Определя от коя страна е забранено поставянето на плаващи елементи.
- clear: left; - отменя потока отляво.
- clear: right; - отменя потока отдясно.
- clear: both; - отменя потока от двете страни.
Например:
```
<img src="image.jpg" style="float: left;">
<p>Този текст ще обгражда изображението.</p>
<div style="clear: both;"></div> </p>
```
```
/* Алтернативно в CSS */
.clearing-element {
  clear: both;
}
```
Използването на clear: both; върху елемента след плаващото изображение гарантира, че този и всички следващи ще започнат под изображението.
Свойството overflow: Прилага се към родителския контейнер, който съдържа както плаващото изображение, така и текста.
- overflow: hidden;
- overflow: auto;
Тези стойности създават нов контекст на форматиране (BFC), който "съдържа" плаващите елементи вътре в родителя.

Например:
```
<div class="container">
  <img src="image.jpg" style="float: left;">
  <p>Този текст ще обгражда изображението.</p>
</div>
```
```
.container {
  overflow: hidden; /* Или auto */
}
```
Този метод е по-чист, тъй като не изисква добавяне на допълнителен елемент за почистване.
Прилагане на display: block; към изображението и използване на margin: Ако не искате изображението да бъде плаващо от самото начало, просто не прилагайте float. Използвайте display: block; и margin за позициониране.
```
img {
  display: block; /* Изображението ще заема цялата ширина по подразбиране */
  margin-bottom: 20px; /* Долно отстояние за текста */
}
```

Изборът на метод зависи от конкретната ситуация и желаното поведение. clear е най-универсалният за прекратяване на потока след определен елемент, докато overflow е полезен за създаване на самопочистващи се контейнери.

Как да отмените обтекането на изображението с текст?