Właściwość float dla bloków w CSS
Właściwość float ma zastosowanie nie tylko
do obrazów, ale także do wszystkich innych bloków.
Sprawdźmy to.
Załóżmy, że mamy blok rodzica z klasą parent,
a wewnątrz niego znajduje się tekst i blok potomka
z klasą child. Oba bloki mają ustawioną
ramkę, a potomkowi również szerokość i wysokość:
<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;
}
:
Ustawmy teraz potomkowi float
na wartość left - tekst zacznie opływać
nasz 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;
}
:
