Accueil    HTML    Balise CENTER
 



balise center  Balise CENTER : centrer

«  Partie précédente  |  Index  |  Partie suivante  »


  • Tag de fermeture obligatoire | Support :
  • Google Chrome
  • Firefox
  • Internet Explorer
  • Opera
  • Safari



La balise <center> permet de centrer des éléments par rapport à leur conteneur. Elle est cependant dépréciée, le style CSS "text-align" étant maintenant la meilleure manière à employer.

Pour les éléments de type bloc (comme la balise <div> par exemple), il est possible d'appliquer le style "margin:auto;" pour centrer l'élément par rapport à son conteneur.

D'autre part pour les alignements verticaux, il faut regarder les styles vertical-align et line-height.



Exemple d'utilisation de la balise center :




Utilisation du style CSS pour centrer du texte :

<div style="text-align:center;">Texte centré avec le style CSS text-align</div>


Alignement de la div avec la propriété CSS "margin:auto" :

<div style="border:solid 1px black; width:300px; padding:10px; margin:auto; text-align:center;">
   Texte contenu dans la div
</div>


Utilisation du style CSS pour centrer du texte :
Texte centré avec le style CSS text-align



Alignement de la div avec la propriété CSS "margin:auto" :

Texte contenu dans la div