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

margin-left

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

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