Својството float и неколку блокови во CSS
Нека сега еден до друг во HTML кодот има не еден
div-потомок, туку два и на двата им е зададено 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;
}
:
