Paragraphes en retrait
Maquette de la tour Eiffel au Parc Mini-France
Voici quelque chose de simple : indenter la première ligne de chaque paragraphe. Beaucoup de gens trouvent cela plus facile à lire que les lignes vides entre les paragraphes, en particulier pour les textes longs, et cela permet également de réserver des lignes vides pour des ruptures plus importantes.
L'astuce ici est de seulement indenter les paragraphes qui suivent d'autres paragraphes. Le premier paragraphe d'une page n'a pas besoin d'être indenté, ni les paragraphes qui suivent un diagramme, un en-tête ou quelque chose d'autre qui est décalé par rapport au texte. Les règles sont en fait très simples :
p {
margin-bottom: 0 }
p + p {
text-indent: 1.5em;
margin-top: 0 }
Cette règle indente la première ligne des paragraphes qui suivent un autre paragraphe. Elle supprime également l'espace en dessous de tous les paragraphes et au-dessus des paragraphes en retrait. Mais en pratique, vous constaterez que vous aurez toujours besoin d'exceptions.
Dans cette page, par exemple, il y a des éléments P qui sont
utilisés comme légendes pour les images (voir l'exemple "Figures & légendes" ). Nous les
avons centrés, et ainsi ils ne devraient pas être indentés. Une
règle simple 'p.caption {text-indent: 0}'
s'en charge. Vous pouvez voir que nous avons effectivement
utilisé cette règle dans l'exemple.
Nous pouvons maintenant utiliser différentes quantités
d'espaces entre les paragraphes pour indiquer les ruptures
importantes dans le texte. Définissons trois classes différentes :
stb (petite pause thématique), vtt (
pause thématique moyenne) et ltb (grande pause
thématique). Nous avons donné à ce paragraphe une classe de stb, pour que vous puissiez voir le résultat.
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 }
