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 :
text-align
:
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;
}
vertical-align
:
top
, middle
, bottom
et autres. css img {
vertical-align: middle;
}
line-height
:
css p {
line-height: 1.5; /* 150% of the font size */
}
text-align-last
:
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.