Vlastnost float pro bloky v CSS
Vlastnost float je použitelná nejen
pro obrázky, ale i pro jakékoli jiné bloky.
Pojďme to ověřit.
Předpokládejme, že máme nadřazený blok s třídou parent,
uvnitř kterého je text a podřízený blok
s třídou child. Oba bloky mají nastavený
okraj a podřízený navíc šířku a výšku:
<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;
}
:
Nyní nastavme podřízenému prvku float
na hodnotu left - text začne obtékat
náš 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;
}
:
