Le flux normal d'affichage

• Par défaut, le flux normal d'affichage prend en compte les contenus des éléments HTML de haut en bas et de gauche à droite en fonction du type de l'élément affiché (bloc ou intégré).
• position:static;  : mode d'affichage par défaut.
• position:relative;  : permet de décaler horizontalement ou verticalement l'affichage d'une boite à l'aide des propriétés top, right, left et bottom.

<p>Un paragraphe avec
  <span style="background-color:yellow;">
    un span
  </span>
  neutre.
 </p>
 <p>Un paragraphe avec
  <span style="background-color:yellow; position:relative; top:1cm; left:-20px;">
    un span
  </span>
  décalé.
  </p>

Un paragraphe avec un span neutre.

Un paragraphe avec un span décalé.