Faire son site 11 : Référence CSS - margin-bottom

margin-bottom

La propriété margin-bottom sert à définir la marge basse d'un élément c'est à dire l'espace qui existe entre le bord extérieur bas de l'élément et le bord intérieur bas de son élément parent.

La valeur de cette propriété peut s'exprimer par une longueur ou par un pourcentage. Les valeurs négatives sont acceptées.


<style>
.fond {
  width: 480px;
  height: 360px;
  border: 1px dashed black;
}
.rect {
  width: 300px;
  height: 200px;
  margin-left: 40px;
  margin-bottom: 40px;
  background-color: chocolate;
}
.rect2 {
  width: 300px;
  height: 160px;
  background-color: yellow;
}
</style>

<div class="fond">
  <div class="rect"></div>
  <div class="rect2"></div>
</div>