Lastnost float za bloke v CSS
Lastnost float ni uporabna le
za slike, temveč za vse druge bloke.
Preverimo to.
Recimo, da imamo starševski blok z razredom parent,
znotraj njega pa je besedilo in podrejeni blok
z razredom child. Oba bloka imata določeno
obrobo, podrejenemu pa še širino in višino:
<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;
}
:
Naj sedaj podrejenemu elementu nastavimo float
na vrednost left - besedilo bo začelo obtekati
naš blok:
<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;
}
:
