Gjennomtrengning av flytende elementer gjennom tagger i CSS
La oss nå anta at teksten er plassert i avsnitt,
og bildet, som har egenskapen float satt,
befinner seg over disse avsnittene. I dette tilfellet
vil alt fungere som det gjorde - tilstedeværelsen
av andre tagger forstyrrer ikke flyt:
<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;
}
:
La oss nå anta at det første avsnittet har lite tekst - i dette tilfellet vil bildet trenge inn i det andre avsnittet:
<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;
}
:
