Obsolète
Cette fonctionnalité a été supprimée des standards du Web. Bien que quelques navigateurs puissent encore la supporter, elle est en cours d'éradication. Ne l'utilisez ni dans d'anciens projets, ni dans de nouveaux. Les pages et applications Web l'utilisant peuvent cesser de fonctionner à tout moment.
L’élément <center> est un élément de type 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.
Interface DOM
Cet élément implémente l'interface HTMLElement.
Note d'implémentation : Jusqu'à Gecko 1.9.2 inclus, Firefox implémentait l'interface HTMLSpanElement pour cet élément.
Exemples
Premier exemple (HTML)
HTML
<center> Ce texte sera centré. <p>Ainsi que ce paragraphe.</p> </center>
Résultat
Deuxième exemple (CSS)
HTML
<div class="centrer"> Ce texte sera centré. <p>Ainsi que ce paragraphe.</p> </div>
CSS
.centrer {
text-align: center;
}
Résultat
Troisième exemple (CSS)
HTML
<p class="centrer"> Cette ligne sera centrée.<br> Ainsi que cette ligne. </p>
CSS
.centrer {
text-align: center;
}
Résultat
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.
Compatibilité des navigateurs
| Fonctionnalité | Chrome | Edge | Firefox | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|---|
| Support simple | (Oui) | (Oui) | (Oui)1 | (Oui) | (Oui) | (Oui) |
| Fonctionnalité | Android | Chrome for Android | Edge mobile | Firefox for Android | IE mobile | Opera Android | iOS Safari |
|---|---|---|---|---|---|---|---|
| Support simple | (Oui) | (Oui) | (Oui) | (Oui)1 | (Oui) | (Oui) | (Oui) |
1. Before Firefox 4, this element implemented the HTMLSpanElement interface instead of the standard HTMLElement interface.