Deurdringing van drywende elemente deur etikette in CSS
Kom ons stel nou voor dat die teks in paragrawe geplaas is,
en die prentjie waaraan die float eienskap toegeken is,
is bo hierdie paragrawe. In hierdie geval
sal alles werk soos voorheen - die teenwoordigheid
van ander etikette belemmer nie die vloei nie:
<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;
}
:
Kom ons stel nou voor daar is min teks in die eerste paragraaf - in hierdie geval sal die prentjie in die tweede paragraaf indring:
<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;
}
:
