Edit in JSFiddle

<div id="margin">
  Exemple de marges extérieures :
  <ul>
    <li>100 pixels en haut</li>
    <li>300 pixels à droite</li>
    <li>10 pixels en bas</li>
    <li>30 pixels à gauche</li>  
  </ul>
</div>




body {background-color: LightGray}
div {  
  margin: 100px 300px 50px 40px;
  
  border: 1px solid black;
  background-color: LightBlue;
}