Exemple de code détaillé de la propriété css padding.

Sans marge intérieure sur un élément de type bloc:
<div style="width:100px; ; background-color:red; border:2px solid blue; ">Texte zonecss</div>
.identifiant{padding:5px}
<div style="width:100px; ; background-color:red; border:2px solid blue; padding:5px">Texte zonecss</div>
.identifiant{padding:15px 15px}
<div style="width:100px; ; background-color:red; border:2px solid blue; padding:15px 15px">Texte zonecss</div>
.identifiant{padding:5px 15px 5px 15px}
<div style="width:100px; ; background-color:red; border:2px solid blue; padding:5px 15px 5px 15px">Texte zonecss</div>
Sans marge intérieure sur un élément de type inline: <br>
<span style="width:100px; ; background-color:red; border:2px solid blue; ">Texte zonecss</span><br>
.identifiant{padding:5px}<br>
<span style="width:100px; ; background-color:red; border:2px solid blue; padding:5px">Texte zonecss</span><br>
.identifiant{padding:15px 15px}<br>
<span style="width:100px; height:100px; background-color:red; border:2px solid blue; padding:15px 15px">Texte zonecss</span><br>
.identifiant{padding:5px 15px 5px 15px}<br>
<span style="width:100px; height:100px; background-color:red; border:2px solid blue; padding:5px 15px 5px 15px">Texte zonecss</span>

Interprétation du code détaillé de la propriété css padding par votre navigateur.

Sans marge intérieure sur un élément de type bloc:

Interprétation normal du code de la propriété css padding (copie d'écran).