Uvukaji wa Vipengele vinavyoelea kupitia vitengo vya lebo katika CSS
Sasa hebu tuchukue kuwa maandiko yamewekwa katika aya,
na picha, ambayo imepewa sifa float
iko juu ya aya hizi. Katika hali hii
kila kitu kitafanya kazi, kama ilivyokuwa - uwepo
wa lebo nyingine haizuii mvuto:
<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;
}
:
Sasa hebu tuchukue kuwa katika aya ya kwanza kuna maandiko machache - katika hali hii picha itaingilia na kuingia kwenye aya ya pili:
<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;
}
:
