<center> : l'élément de texte centré
Obsolète: Cette fonctionnalité n'est plus recommandée. Même si certains navigateurs la prennent encore en charge, elle a peut-être déjà été supprimée des standards du web, est en passe d'être supprimée ou n'est conservée qu'à des fins de compatibilité. Évitez de l'utiliser et mettez à jour le code existant si possible ; consultez le tableau de compatibilité au bas de cette page pour vous aider à prendre votre décision. Sachez que cette fonctionnalité peut cesser de fonctionner à tout moment.
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
<center>
Ce texte sera centré.
<p>Ainsi que ce paragraphe.</p>
</center>
Result
Exemple 2 (alternative CSS)
<div class="center">
Ce texte sera centré.
<p>Ainsi que ce paragraphe.</p>
</div>
.center {
text-align: center;
}
Result
Exemple 3 (alternative CSS)
<p class="center">
Cette ligne sera centrée.<br />
Ainsi que cette ligne.
</p>
.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.
Spécifications
| Specification |
|---|
| HTML # center |
Compatibilité des navigateurs
Voir aussi
- La propriété CSS
text-align - La propriété CSS
display