Mise en retrait de paragraphes
Modèle réduit de la tour Eiffel dans le Parc Mini-France
Voici quelque chose de simple: mettre en retrait la première ligne de chaque paragraphe. Beaucoup de gens trouvent cette méthode plus facile à lire que des sauts de lignes, surtout pour les longs textes, et elle permet de garder les sauts de ligne pour séparer de plus importante parties.
Le truc est de mettre en retrait la première ligne des paragraphes qui suivent d'autres paragraphes. Le premier paragraphe d'une page n'a pas besoin d'une mise en retrait de première ligne, ni les paragraphes qui suivent un diagramme, un titre ou quelque chose d'autre que du texte. Le code est en fait vraiment simple:
p {
margin-bottom: 0 }
p + p {
text-indent: 1.5em;
margin-top: 0 }
Seulement les paragraphes qui suivent un autre paragraphe auront leur première ligne mise en retrait. L'espace au dessous de tous les paragraphes et au dessus des paragraphes avec retrait de première ligne sera éliminé. En pratique vous allez cependant découvrir que vous avez besoin d'exceptions.
Dans cette page, par exemple, il y a des éléments P utilisé comme en-tête pour images (voir l'exemple “Formes & en-têtes“). Nous les avons centrés pour qu'ils n'aient pas de retrait de première ligne. Un simple code 'p.caption {text-indent: 0}' fait le travail. Vous pouvez voir que nous avons vraiment utilisé ce code dans l'example.
Nous pouvons maintenant utiliser différents espaces blanc entre les paragraphes pour séparer les parties importantes du texte. Créons trois différentes classes : stb (petit espace), mtb (moyen espace), ltb (grand espace). Nous avons donné à ce paragraphe la classe stb pour que vous puissiez en voir l’effet.
p.stb { text-indent: 0; margin-top: 0.83em }
p.mtb { text-indent: 0; margin-top: 2.17em }
p.ltb { text-indent: 0; margin-top: 3.08em }
