De float-eigenschap voor blokken in CSS
De eigenschap float is niet alleen van toepassing
op afbeeldingen, maar ook op alle andere blokken.
Laten we dit testen.
Stel dat we een ouderblok hebben met de klasse parent,
en daarin bevinden zich tekst en een kindblok
met de klasse child. Aan beide blokken is een
rand toegewezen, en aan het kind ook een breedte en hoogte:
<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;
}
:
Laten we nu voor het kindblok float
instellen op de waarde left - de tekst zal ons blok
gaan omvatten:
<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;
}
:
