Exemple de code de la propriété JS / CSS margin.

<style>
.cadre-gris{ margin : 5px 0; }
</style>
<div class="cadre-exemple cadre-clickme" id="exemple">
  <h3 id="exemple-desc">Valeur par défaut</h3>
  <div class="cadre-gris">
  <p id="exemple-style-0" class="cadre-vert" >Effet margin.</p>
  </div>
  <div class="cadre-gris">
  <p id="exemple-style-1" class="cadre-vert" style="width:400px">Effet margin.</p>
  </div>
  <div class="cadre-gris">
  <span class="cadre-vert">|</span><span id="exemple-style-2" class="cadre-vert" >Effet margin.</span><span class="cadre-vert">|</span>
  </div>
</div>
<script>
initExemple('margin',  'margin', ['5em', 'auto', '3% 2em','3% auto', '5% 1px 2em 3px', '5px auto 3em auto ', '5px 3% 5px 3%', 'inherit'], 3); 
</script>