illumination

La propriété text-align

Modifier l'alignement d'un texte en utilisant text-align

align

Date de publication : 2008-12-29

Pour modifier l'alignement d'un texte en css il faut utiliser la propriété css text-align.
Les différentes valeurs de text-align sont :
- center pour centrer un texte
- right pour aligner un texte à droite
- left pour aligner un texte à gauche
- justify pour justifier un texte
Voici ce que cela donne dans un petit exemple :

text align


Le code de l'exemple :


<p style="text-align:center">
<strong>text-align:center</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce fringilla ligula at pede. Duis sit amet eros eget metus ullamcorper tincidunt. Duis a orci. Fusce vel felis ut nisl suscipit sodales. Nam nec elit vehicula lacus vulputate mollis. Vivamus risus arcu, ullamcorper tempus, suscipit a, accumsan convallis, felis. Maecenas consequat eros in quam. Nulla dui nisi, sodales non, ultricies eget, blandit ac, leo. Phasellus et nisi. Vivamus at nunc. Donec nunc.
</p>
<p style="text-align:left">
<strong>text-align:left</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce fringilla ligula at pede. Duis sit amet eros eget metus ullamcorper tincidunt. Duis a orci. Fusce vel felis ut nisl suscipit sodales. Nam nec elit vehicula lacus vulputate mollis. Vivamus risus arcu, ullamcorper tempus, suscipit a, accumsan convallis, felis. Maecenas consequat eros in quam. Nulla dui nisi, sodales non, ultricies eget, blandit ac, leo. Phasellus et nisi. Vivamus at nunc. Donec nunc.
</p>
<p style="text-align:right">
<strong>text-align:right</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce fringilla ligula at pede. Duis sit amet eros eget metus ullamcorper tincidunt. Duis a orci. Fusce vel felis ut nisl suscipit sodales. Nam nec elit vehicula lacus vulputate mollis. Vivamus risus arcu, ullamcorper tempus, suscipit a, accumsan convallis, felis. Maecenas consequat eros in quam. Nulla dui nisi, sodales non, ultricies eget, blandit ac, leo. Phasellus et nisi. Vivamus at nunc. Donec nunc.
</p>
<p style="text-align:justify">
<strong>text-align:justify</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce fringilla ligula at pede. Duis sit amet eros eget metus ullamcorper tincidunt. Duis a orci. Fusce vel felis ut nisl suscipit sodales. Nam nec elit vehicula lacus vulputate mollis. Vivamus risus arcu, ullamcorper tempus, suscipit a, accumsan convallis, felis. Maecenas consequat eros in quam. Nulla dui nisi, sodales non, ultricies eget, blandit ac, leo. Phasellus et nisi. Vivamus at nunc. Donec nunc.
</p>

Image : tanakawho

 
 

b1n@sp1n