Dépannage informatique à domicile

Accueil Prestations News Nos Sites Astuces Contact

En appliquant la proprièté float: right; au premier paragraphe, celui-ci se retrouve à droite le second bloc prenant place dans le flux courant

Codage CSS de l'exemple:

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

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

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

/* bloc paragraphe de couleur verte */
p#second {
background: green;
}

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