Peldošo elementu iekļūšana caur tagiem CSS

Pieņemsim, ka teksts tagad ir ievietots rindkopās, un attēlam, kuram ir iestatīta īpašība float atrodas virs šīm rindkopām. Šajā gadījumā viss darbosies tāpat kā darbojās - citu tagu klātbūtne netraucē plūstamībai:

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;
}

Результат:

Pieņemsim, ka pirmajā rindkopā ir maz teksta - šajā gadījumā attēls ielīs arī otrajā rindkopā:

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;
}

Результат: