Comment ajouter les numéros de ligne automatiquement grâce à la feuille de style css
ul { counter-reset: counter; margin-left: .25em; } li { counter-increment: counter; list-style-type: none; } ul li:nth-child(5n+5):before { left: 0; position: absolute; padding-left: 1em; content: counter(counter); } ul li:nth-child(6n+6) { text-align: right; margin-bottom: 1em; } h3 { text-align: center; }
https://www.mobileread.com/forums/showpost.php?p=3162707&postcount=17
L'horloge de Baudelaire
Avec un compteur sur 4 lignes

La tirade des "non, merci" de Cyrano (Edmond Rostand)
Avec un compteur à 5 et sans marge du bas toutes les 5 lignes.

À noter que les didascalies ont été incluses dans les "li" sous forme de "p" pour ne pas rompre le comptage.
<ul>
<li><p><b>Le Bret.</b></p>Si tu laissais un peu ton âme mousquetaire</li>
<li>La fortune et la gloire…</li>
<li><p><b>Cyrano.</b></p> Et que faudrait-il faire ?</li>
<li>Chercher un protecteur puissant, prendre un patron,</li>
<li>Et comme un lierre obscur qui circonvient un tronc</li>