CSS да Float хусусияти ва бир нечта блоклар
Энди HTML кодида бир див-авлод эмас, балки иккита бўлсин ва иккаласига ҳам float
хусусияти left қийматида берилган бўлсин. Кўрамиз, нима бўлади:
<div class="parent">
<div class="child">1</div>
<div class="child">2</div>
some long text
</div>
.parent {
border: 1px solid red;
text-align: justify;
}
.child {
float: left;
width: 200px;
height: 100px;
border: 1px solid green;
}
:
Шундай қилиб, кўриниб турганидек, иккита блок-авлод қаторга жойлашди, ва HTML кодида биринчи келган блок чап тарафда жойлашади.
Энди left қиймати ўрнига right қийматини ёзайлик. Бу ҳолда
блоклар ўнг томонда сузади, ва уларнинг тартиби HTML кодидаги тартибга
нисбатан тескари бўлиб қолади:
<div class="parent">
<div class="child">1</div>
<div class="child">2</div>
some long text
</div>
.parent {
border: 1px solid red;
text-align: justify;
}
.child {
float: right;
width: 200px;
height: 100px;
border: 1px solid green;
}
:
