Balise HTML <center>
La balise <center> est un élément de niveau bloc, ce qui signifie qu'elle peut contenir d'autres éléments de niveau bloc et en ligne. Le contenu de la balise <center> (texte, éléments graphiques, tableaux, etc.) est aligné au centre.
DANGER
La balise <center> est une balise HTML dépréciée et n'est pas prise en charge dans HTML5. Utilisez plutôt la propriété CSS text-align qui s'applique à l'élément <div> ou à <p>. Lorsque text-align: center est appliqué à <div> ou <p>, le contenu de ces éléments sera centré, mais leurs dimensions totales ne changeront pas.
Vous pouvez utiliser les propriétés CSS margin-left et margin-right avec des valeurs auto pour centrer les éléments de niveau bloc.
Syntaxe
La balise <center> s'utilise par paire. Le contenu est écrit entre la balise d'ouverture (<center>) et la balise de fermeture (</center>).
Alignement du texte|Exemple de code HTML <center>|W3Docs
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<p>This text is aligned to the left.</p>
<center>And this one is placed in the center.</center>
</body>
</html>Résultat
Utilisation des styles CSS
Comme nous l'avons déjà mentionné, la balise <center> n'est pas prise en charge dans HTML5. Nous utilisons plutôt des styles CSS.
Exemple avec la propriété CSS text-align :
Exemple d'alignement au centre|Balise HTML <center>|W3Docs
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<p>This text is aligned to the left.</p>
<p style="text-align:center">And this one is placed in the center.</p>
</body>
</html>Exemple avec les propriétés CSS margin :
Centrage des éléments de bloc|Balise HTML <center>|W3Docs
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<div style="margin-left:auto; margin-right:auto; width:50%;">
This block is centered.
</div>
</body>
</html>Pratique
Quelles affirmations sont vraies concernant la balise HTML <center> ?