Egenskapen float for blokker i CSS
Egenskapen float gjelder ikke bare
for bilder, men også for alle andre blokker.
La oss sjekke dette.
La oss si at vi har en foreldreblokk med klassen parent,
og inni den er det tekst og en underordnet blokk
med klassen child. Begge blokkene har fått
en ramme, og den underordnede har også bredde og høyde:
<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;
}
:
La oss nå sette float for den underordnede
til verdien left - teksten vil begynne å flyte
rundt blokken vår:
<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;
}
:
