Svojstvo float i više blokova u CSS
Neka sada u HTML kodu jedan pored drugog budu ne jedan
div-potomak, već dva i oba imaju zadata svojstva float
sa vrednošću left. Hajde da vidimo
šta će se desiti:
<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;
}
:
Dakle, kao što vidimo, dva bloka-potomka su se poređala u red, pri čemu će prvi blok u HTML kodu biti postavljen levo.
Hajde sada umesto vrednosti left
da napišemo vrednost right. U ovom slučaju
blokovi će plutati desno, pri čemu će redosled
biti obrnut u odnosu na
redosled u HTML kodu:
<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;
}
:
