.. h2 numérotés

intro

en html on a les listes: "ul" "li li ..."
que l'on peut numéroter avec: "ol" "li li ..."
mais
on peut faire un équivalent pour les "h2"
utilisé dans les "doc. boulot" avec gros index (dans la partie "nav")

source

------------- partie CSS ------------------ .use-counter { counter-reset: foo 0; } .count-this:before { counter-increment: foo 1; content: counter(foo) "."; display: inline-block; /* customize below */ font-size: 1em; margin-right: 0.6em; width: 1.6em; line-height: 1.6em; text-align: center; border-radius: 50%; color: #FFF; background: #F77621; } ------------------- partie HTM --------------------- <section class="use-counter"> <h1>sortie 1</h1> <h2 class="count-this">intro</h2> <h2 class="count-this">map</h2> <h2 class="count-this">more</h2> </section> <section class="use-counter"> <h1>sortie 2</h1> <h2 class="count-this">intro</h2> <h2 class="count-this">map</h2> <h2 class="count-this">more</h2> </section>

test

sortie 1

intro

map

more

sortie 2

intro

map

more



^ be4.free.fr/test/h2_num.htm - 11/2022 - kch