Egenskaben float for blokke i CSS
Egenskaben float kan anvendes ikke kun
på billeder, men også på alle andre blokke.
Lad os tjekke dette.
Lad os sige, at vi har en forælderblok med klassen parent,
og inde i den er der tekst og en underordnet blok
med klassen child. Begge blokke har tildelt
en grænse, og den underordnede har også en bredde og højde:
<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;
}
:
Lad os nu sætte float for den underordnede
til værdien left - teksten vil begynde at flyde
omkring vores 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;
}
:
