En CSS (Cascading Style Sheets), l'alignement du texte fait référence à l'alignement horizontal du texte au sein d'un élément. Il existe plusieurs propriétés que vous pouvez utiliser pour contrôler l'alignement du texte. Voici les principaux :

  1. text-align :

    • Cette propriété est utilisée pour définir l'alignement horizontal du contenu du texte dans un élément.
    • Les valeurs possibles incluent :
      • left : Aligne le texte à gauche.
      • right : Aligne le texte à droite.
      • center : Centre le texte horizontalement.
      • justify : justifie le texte en l'étirant de manière à ce que les lignes de texte s'alignent avec les bords gauche et droit du conteneur.
    css
    p { text-align: center; }
  2. vertical-align :

    • Bien qu'elle ne soit pas spécifiquement destinée à l'alignement du texte, cette propriété peut être utilisée pour aligner verticalement des éléments en ligne ou en bloc en ligne dans leur élément conteneur.
    • Les valeurs incluent top , middle , bottom et autres.
    css
    img { vertical-align: middle; }
  3. line-height :

    • Cette propriété peut affecter indirectement l'alignement vertical du texte en spécifiant la hauteur d'une ligne de texte. Il peut être utilisé pour centrer verticalement du texte dans un conteneur.
    • Vous pouvez utiliser des nombres sans unités, des pourcentages ou des valeurs de longueur absolue.
    css
    p { line-height: 1.5; /* 150% of the font size */ }
  4. text-align-last :

    • Cette propriété est utilisée pour définir l'alignement de la dernière ligne d'un conteneur de blocs ou d'une ligne avant un saut de ligne forcé lorsque la propriété text-align est définie sur justify .
    css
    p { text-align: justify; text-align-last: center; }

N'oubliez pas que ces propriétés peuvent être appliquées à divers éléments HTML tels que les paragraphes ( <p> ), les titres ( <h1> à <h6> ), etc. Vous pouvez également les appliquer aux conteneurs pour affecter l'alignement de leurs éléments enfants. Expérimenter ces propriétés vous aidera à obtenir la mise en page de texte souhaitée dans vos pages Web.