Vetia float për blloqet në CSS
Vetia float nuk është e zbatueshme vetëm
për imazhet, por edhe për çdo lloj blloku tjetër.
Le ta verifikojmë këtë.
Le të themi se kemi një bllok prind me klasën parent,
brenda të cilit ndodhet teksti dhe një bllok fëmijë
me klasën child. Të dy blloqet kanë
kufi të caktuar, dhe fëmijës i janë caktuar gjithashtu gjerësia dhe lartësia:
<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;
}
:
Tani le t'i vendosim fëmijës float
në vlerën left - teksti do të fillojë të rrjedhë
rreth bllokut tonë:
<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;
}
:
