Propriété CSS text-align

La propriété text-align est utilisée pour aligner le contenu interne d'un élément de bloc.

Vous pouvez utiliser la propriété margin pour centrer l'élément.

INFO

L'alignement spécifié avec text-align ne se fait pas par rapport au bloc contenant ou à la fenêtre d'affichage (viewport).

Valeur initiale	left si la direction est "ltr", right si la direction est "rtl"
S'applique à	Conteneurs de bloc.
Héritée	Oui
Animable	Non.
Version	CSS1
Syntaxe DOM	object.style.textAlign = "right";

Syntaxe

Syntaxe de la propriété CSS text-align

css

text-align: left | right | center | justify | initial | inherit;

Exemple de la propriété text-align avec les valeurs "right" et "center" :

Exemple de la propriété CSS text-align avec les valeurs right et center

html

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
    <style>
      div {
        text-align: right;
      }
      p {
        text-align: center;
      }
    </style>
  </head>
  <body>
    <h2>Text-align property example</h2>
    <div>Example for the text-align property.</div>
    <p>Some paragraph for example.</p>
  </body>
</html>

Try it Yourself »

Résultat

Propriété CSS text-align

Exemple de la propriété text-align avec les valeurs "center", "left" et "justify" :

Exemple de la propriété CSS text-align avec les valeurs left, center et justify

html

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
    <style>
      h2 {
        text-align: center;
      }
      p.date {
        text-align: left;
      }
      p.example {
        text-align: justify;
      }
    </style>
  </head>
  <body>
    <h2>Text-align property example</h2>
    <p class="date">March, 2019</p>
    <p class="example">
      Lorem Ipsum is dummy text of the printing and typesetting industry. Lorem Ipsum h as been the industry's standard dummy text ever since the 1500s when an unknown pri nter took a galley of type and scrambled it to make a type specimen book. It has surviv ed not only five centuries, but also the leap into electronic typesetting, remaining essent ially unchanged. It was popularised in the 1960s with the release of Letraset sheets conta ining Lorem Ipsum passages, and more recently with desktop publishing software like Ald us PageMaker including versions of Lorem Ipsum.
    </p>
  </body>
</html>

Try it Yourself »

Valeurs

Valeur	Description	Tester
left	Aligne le texte à gauche. Il s'agit de la valeur par défaut de cette propriété.	Tester »
right	Aligne le texte à droite.	Tester »
center	Aligne le texte au centre.	Tester »
justify	Étire les lignes pour que chacune ait la même largeur.	Tester »
initial	Définit la valeur par défaut de la propriété.	Tester »
inherit	Hérite la propriété de son élément parent.

Propriété CSS text-align ​

Syntaxe ​

Exemple de la propriété text-align avec les valeurs "right" et "center" : ​

Résultat ​

Exemple de la propriété text-align avec les valeurs "center", "left" et "justify" : ​

Valeurs ​

Pratique ​

Propriété CSS text-align

Syntaxe

Exemple de la propriété text-align avec les valeurs "right" et "center" :

Résultat

Exemple de la propriété text-align avec les valeurs "center", "left" et "justify" :

Valeurs

Pratique