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:
<div>
<img src="img.png" alt="">
<p>
some long text
</p>
<p>
some long text
</p>
</div>
div {
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ā:
<div>
<img src="img.png" alt="">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elitorire.
</p>
<p>
some long text
</p>
</div>
div {
width: 400px;
border: 1px solid red;
text-align: justify;
}
img {
float: left;
}
: