Dépannage informatique à domicile

Accueil Prestations News Nos Sites Astuces Contact

En appliquant la proprièté float: left; au deux blocs, ceux-ci se retrouvent hors du flux normal du bloc DIV

Codage CSS de l'exemple:

/* corps de page de couleur bleue */
body {
background-color: #297cbc;
}

/* bloc div de couleur jaune */
div#conteneur {
width: 300px;
height: 20px;
background: yellow;
}

/* bloc paragraphe de couleur orange la propiété float a été appliquée */
p#premier {
float: left;
width: 100px;
background: orange;
}

/* bloc paragraphe de couleur verte la propiété float a été appliquée */
p#second {
float: left;
width: 150px;
background: green;
}

/* marges de paragraphe à 0 pour structurer les blocs */
#conteneur p {
margin : 0;
}