Sifa float kwa vitalu katika CSS
Sifa float inatumika sio tu
kwa picha, bali kwa vitalu vingine vyote.
Hebu tuangalie hii.
Tuchukulie tuna kizuizi-kizazi chenye class parent,
na ndani yake kuna maandishi na kizuizi-kiendelezi
chenye class child. Vitalu vyote viwili vimepewa
mpaka, na kiendelezi pia kina upana na urefu:
<div class="parent">
<div class="child"></div>
some long text
</div>
.parent {
border: 1px solid red;
text-align: justify;
}
.child {
width: 200px;
height: 100px;
border: 1px solid green;
}
:
Sasa tuweke float kwa kiendelezi
kuwa thamani left - maandishi yataanza kuzunguka
kizuizi chetu:
<div class="parent">
<div class="child"></div>
some long text
</div>
.parent {
border: 1px solid red;
text-align: justify;
}
.child {
float: left;
width: 200px;
height: 100px;
border: 1px solid green;
}
:
