Ինչպե՞ս չեղարկել պատկերին շրջապատող տեքստի հոսքը։…

Կարող եք օգտագործել հետևյալ մեթոդները՝ պատկերին տեքստով հոսքը չեղյալ համարելու համար, որը կիրառվել է CSS հատկության float միջոցով:

clear հատկություն: Կիրառվում է այն տարրին, որը հաջորդում է հոսող տարրին։ Կարգավորում է, որ կողմում արգելվում է տեղադրել հոսող տարրեր։
- clear: left; - չեղյալ է համարում ձախ հոսքը։
- clear: right; - չեղյալ է համարում աջ հոսքը։
- clear: both; - չեղյալ է համարում երկու կողմերից հոսքը։
Օրինակ՝
```
<img src="image.jpg" style="float: left;">
<p>Այս տեքստը կշրջի նկարը։</p>
<div style="clear: both;"></div> 
```
```
/* Այլընտրանքային 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-ը լավ է ինքնամաքրվող կոնտեյների ստեղծման համար։