La propriété float pour les blocs en CSS
La propriété float s'applique non seulement
aux images, mais aussi à tous les autres blocs.
Vérifions cela.
Supposons que nous ayons un bloc parent avec la classe parent,
et à l'intérieur se trouve du texte et un bloc enfant
avec la classe child. Les deux blocs ont une
bordure définie, et l'enfant a également une largeur et une hauteur :
<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;
}
:
Maintenant, définissons float pour l'enfant
sur la valeur left - le texte commencera à entourer
notre bloc :
<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;
}
:
