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

<style>
.cadre-gris{ margin : 5px 0; }
.right,.left{ zoom:1; overflow : hidden; clear : both }
.left .cadre-vert{ float : left }
.right .cadre-vert{ float : right }
</style> 
<div class="cadre-exemple" id="exemple">
  <h3 id="exemple-desc">Valeur par défaut</h3>
   <div class="cadre-gris left ">
   <span class="cadre-vert">Texte 1</span>
   <span class="cadre-vert">Texte 2</span>
   <span id="exemple-style-0" class="cadre-vert" >Texte 3</span>
   <span class="cadre-vert">Texte 4</span>
   <span class="cadre-vert">Texte 5</span>
  </div>
  <div class="cadre-gris right ">
   <span class="cadre-vert">Texte 1</span>
   <span class="cadre-vert">Texte 2</span>
   <span id="exemple-style-1" class="cadre-vert" >Texte 3</span>
   <span class="cadre-vert">Texte 4</span>
   <span class="cadre-vert">Texte 5</span>
  </div>
</div>
<script>
initExemple('clear',  'clear', ['none', 'left', 'right', 'both'], 2); 
</script>