premier paragraphe de texte
deuxième paragraphe de texte
Dans le flux courant, les deux conteneurs sont l'un sous l'autre. Pour supprimer l'effet de blanc entre les deux blocs, il a été renseigné (margin-bottom: 0;)
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 */
p#premier {
width: 100px;
background: orange;
}
/* bloc paragraphe de couleur verte */
p#second {
width: 150px;
background: green;
}
/* marges de paragraphe à 0 pour structurer les blocs */
p {
margin : 0;
}
| Code HTML pour afficher le style CSS
<html> |