Élément HTML `<center>` : l'élément de texte centré

Obsolète

Évitez d'utiliser cette fonctionnalité dans de nouveaux projets. Cette fonctionnalité peut être candidate à la suppression des standards web ou des navigateurs.

En savoir plus
Voir la compatibilité complète

L'élément HTML <center> est un élément de type bloc qui affiche son contenu de type bloc ou en ligne centré horizontalement dans son élément conteneur. Le conteneur est généralement, mais pas obligatoirement, <body>.

Cette balise a été dépréciée dans HTML 4 (et XHTML 1) au profit de la propriété CSS text-align, qui peut être appliquée à l'élément <div> ou à un <p> individuel. Pour centrer des blocs, utilisez d'autres propriétés CSS comme margin-left et margin-right et définissez-les sur auto (ou définissez margin à 0 auto).

Interface DOM

Cet élément implémente l'interface HTMLElement.

Exemple 1

html

<center>
  Ce texte sera centré.
  <p>Ainsi que ce paragraphe.</p>
</center>

Result

Exemple 2 (alternative CSS)

html

<div class="center">
  Ce texte sera centré.
  <p>Ainsi que ce paragraphe.</p>
</div>

css

.center {
  text-align: center;
}

Result

Exemple 3 (alternative CSS)

html

<p class="center">
  Cette ligne sera centrée.<br />
  Ainsi que cette ligne.
</p>

css

.center {
  text-align: center;
}

Result

Note : Appliquer text-align: center à un élément <div> ou <p> centre le contenu de ces éléments tout en laissant leurs dimensions générales inchangées.