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

margin-right

La propriété margin-right sert à définir la marge de droite d'un élément c'est à dire l'espace qui existe entre le bord extérieur droit de l'élément et le bord intérieur droit 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-top: 40px;
  background-color: darkorange;
}
.rect2 {
  width: 300px;
  height: 160px;
  background-color: darkmagenta;
  margin-top: -100px;
  margin-right: 140px;
}
</style>

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