Cette page a été traduite à partir de l'anglais par la communauté. Vous pouvez également contribuer en rejoignant la communauté francophone sur MDN Web Docs.

<center> : l'élément de texte centré

Attention : Cette fonctionnalité est obsolète. Bien qu'encore supportée par des navigateurs, son utilisation est découragée pour tout nouveau projet. Évitez de l'utiliser.

L'élément <center> est un élément de bloc qui contient des paragraphes et d'autres éléments de type bloc ou en ligne. Le contenu entier de cet élément est centré horizontalement au sein de son conteneur parent (généralement l'élément <body>).

Cet élément a été déprécié en HTML4 (et XHTML 1) au profit de la propriété CSS text-align qui peut être appliqué à l'élément <div> ou à un élément <p>. Pour centrer des blocs, on utilisera d'autres propriétés (margin-left et margin-right (ou définissez margin à 0 auto).

Interface DOM

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

Note : Jusqu'à Gecko 1.9.2 inclus, Firefox implémentait l'interface HTMLSpanElement pour cet élément.

Exemple 1

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

Exemple 2 (alternative CSS)

<div style="text-align:center">
  Ce texte sera centré.
  <p>Ainsi que ce paragraphe.</p>
</div>

Exemple 3 (alternative CSS)

<p style="text-align:center">
  Cette ligne sera centrée.<br>
  Ainsi que cette ligne.
</p>

Notes

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

Spécifications

Specification
HTML Standard (HTML)
# center

Compatibilité des navigateurs

BCD tables only load in the browser

Voir aussi