Penembusan Elemen Terapung Melalui Tag dalam CSS

Katakan sekarang teks kami diletakkan dalam perenggan, dan gambar, yang diberikan sifat float terletak di atas perenggan-perenggan ini. Dalam kes ini semua akan berfungsi, seperti sebelumnya - kehadiran tag lain tidak mengganggu pelitupan:

html<div>
  <img src="img.png" alt="">
  <p>
    some long text
  </p>
  <p>
    some long text
  </p>
</div>

cssdiv {
  width: 400px;
  border: 1px solid red;
  text-align: justify;
}
img {
  float: left;
}

Результат:

Katakan sekarang dalam perenggan pertama terdapat sedikit teks - dalam kes ini gambar akan menembusi masuk ke dalam perenggan kedua:

html<div>
  <img src="img.png" alt="">
  <p>
    Lorem ipsum dolor sit amet, consectetur adipiscing elitorire.
  </p>
  <p>
    some long text
  </p>
</div>

cssdiv {
  width: 400px;
  border: 1px solid red;
  text-align: justify;
}
img {
  float: left;
}

Результат: