Plūstošais apvalkāšanās CSS

Pieņemsim, ka mums šobrīd ir divi divi ar klasi parent. Katrā no tiem ir neliels teksts, bet pirmajā div ir ievietots attēls, kuram ir iestatīts īpašība float ar vērtību left.

Kā jūs jau zināt, šajā gadījumā attēls uzliksies otrā bloka virsū:

html<div class="parent">
  <img src="img.png" alt="">
  text
</div>
<div class="parent">
  text
</div>

css.parent {
  border: 1px solid red;
}
.parent img {
  float: left;
}

Результат:

Izpētīsim nākamajās nodarbībās, kā izvairīties no šādas pārklāšanās vai plūstošās apvalkāšanās.