L'alignement

Le langage CSS nous permet de faire tous les alignements connus : à gauche, centré, à droite et justifié.

C'est tout simple. On utilise la propriété text-align et on indique l'alignement désiré :

left : le texte sera aligné à gauche (c'est le réglage par défaut).
center : le texte sera centré.
right : le texte sera aligné à droite.
justify : le texte sera « justifié ». Justifier le texte permet de faire en sorte qu'il prenne toute la largeur possible sans laisser d'espace blanc à la fin des lignes. Les textes des journaux, par exemple, sont toujours justifiés.

Regardez les différents alignements sur cet exemple :

{

text-align: center;

}

{

text-align: justify;

}

.signature

{

text-align: right;

}

Le résultat est visible à la figure suivante.

Alignements du texte

Vous ne pouvez pas modifier l'alignement du texte d'une balise inline (comme <span>, <a>,<em>, <strong>…). L'alignement ne fonctionne que sur des balises de type block (<p>,<div>, <h1>, <h2>, …) et c'est un peu logique, quand on y pense : on ne peut pas modifier l'alignement de quelques mots au milieu d'un paragraphe !
C'est donc en général le paragraphe entier qu'il vous faudra aligner.

Créé avec HelpNDoc Personal Edition: Écrire des livres électronique Kindle