26 lines
2 KiB
HTML
26 lines
2 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Alignement du texte sur la ligne ou le paragraphe</title>
|
|
<meta charset="utf-8" />
|
|
<meta name="description" content="Tout ce qui concerne l'alignement du texte d'une ligne ou d'un paragraphe: alignement gauche, droit, justifié, centré" />
|
|
<link type="text/css" rel="stylesheet" href="../editor.css" />
|
|
</head>
|
|
<body>
|
|
<div class="mainpart">
|
|
<h1>Alignement du texte sur la ligne ou le paragraphe</h1>
|
|
<p>Le texte peut être aligné de quatre façons : aligné à gauche, centré, aligné à droite et justifié. Pour ce faire,</p>
|
|
<ol>
|
|
<li>placez le curseur à la position où vous voulez appliquer l'alignement (cela peut être une nouvelle ligne ou le texte déjà saisi ),</li>
|
|
<li>sélectionnez le type d'alignement que vous allez appliquer :
|
|
<ul>
|
|
<li><b>Gauche</b> - pour aligner le texte sur le côté gauche de la page (le côté droit reste non aligné) cliquez sur l'icône <b>Aligner à gauche</b> <img alt="l'icône Aligner à gauche" src="../images/alignleft.png" /> située sur la barre d'outils supérieure.</li>
|
|
<li><b>Centré</b> - pour aligner le texte par le centre de la page (les côté droit et gauche restent non alignés) cliquez sur l'icône <b>Alignement centré</b> <img alt="l'icône Alignement centré" src="../images/aligncenter.png" /> située sur la barre d'outils supérieure.</li>
|
|
<li><b>Droit</b> - pour aligner le texte sur le côté droit de la page (le côté gauche reste non aligné) cliquez sur l'icône <b>Aligner à droite</b> <img alt="l'icône Aligner à droite" src="../images/alignright.png" /> située sur la barre d'outils supérieure.</li>
|
|
<li><b>Justifié</b> - pour aligner le texte sur les deux côtés à la fois, gauche et droit ( l'espacement supplémentaire est ajouté si nécessaire pour garder l'alignement) cliquez sur l'icône <b>Justifié</b> <img alt="l'icône Justifié" src="../images/justify.png" /> située sur la barre d'outils supérieure.</li>
|
|
</ul>
|
|
</li>
|
|
</ol>
|
|
</div>
|
|
</body>
|
|
</html> |