CSS Counters – Automatic Numbering

Counters let you generate numbers without extra markup.

ol { counter-reset: item; }
ol li::before { counter-increment: item; content: counter(item) ". "; }