Comment centrer horizontalement en HTML ?

Vous pouvez centrer horizontalement une balise DIV avec la propriété MARGIN, de cette manière :

.interieur {margin: 0 auto;} 

Pour une meilleure compatibilité avec Internet Explorer 8+, il est préférable d'ajouter la propriété DISPLAY, comme ceci :

.interieur {display: table ; margin: 0 auto;} 

Cela rend l'élément interne centré horizontalement et il fonctionne sans définir une width spécifique.

Voici le code complet basé sur votre exemple pour centrer horizontalement un DIV dans un autre DIV :

<style>
.interieur {display: table; margin: 0 auto;} 
</style>

<div class="exterieur" style="width:100%">
    <div class="interieur">Élément à centrer horizontalement</div>
</div>

Pour centrer horizontalement le contenu d'une balise DIV, vous devez utiliser TEXT-ALIGN de cette manière :

<style>
.centrer-texte {text-align: center;}
</style>

<div class="centrer-texte">Ce texte est centré</div>

Il existe toujours la balise <center> qui certes a été déprécié en HTML4 et XHTML1 mais qui est encore supportée par tous les navigateurs Web.

<center>HTML à centrer</center>