Alignement de texte CSS

Alignement du texte

text-align Cette propriété est utilisée pour définir l'alignement horizontal du texte.

Les textes peuvent être alignés à gauche, à droite ou centrés.

L'exemple suivant montre le centrage et l'alignement à gauche et à droite des textes (si l'orientation du texte est de gauche à droite, l'alignement par défaut est à gauche ; si l'orientation du texte est de droite à gauche, l'alignement est par défaut à droite) :

Exemple

h1 {
  text-align: center;
}
h2 {
  text-align: left;
}
h3 {
  text-align: right;
}

Essayer vous-même

lorsque text-align Après avoir défini la propriété sur "justify", chaque ligne est étirée pour avoir une largeur égale, et les marges gauche et droite sont droites (comme dans les magazines et les journaux) :

Exemple

div {
  text-align: justify;
}

Essayer vous-même

Direction du texte

direction et unicode-bidi La propriété peut être utilisée pour changer la direction du texte de l'élément :

Exemple

p {
  direction: rtl;
  unicode-bidi: bidi-override;
}

Essayer vous-même

Alignement vertical

vertical-align La propriété définit la mise en page verticale de l'élément.

Cet exemple montre comment définir la mise en page verticale de l'image dans le texte :

Exemple

img.top {
  vertical-align: top;
}
img.middle {
  vertical-align: middle;
}
img.bottom {
  vertical-align: bottom;
}

Essayer vous-même