A good blogpost

Introduction

The numbers at the left of each section heading are generated using CSS counter! This way you can avoid hardcoding a number for each section

The behavior is very similar to what you can obtain with an ol element but this approach allows your HTML to stay semantically correct!

Lorem Ipsum

Amet laboris ad aliqua culpa dolore aute in magna mollit voluptate non. Incididunt commodo laborum laboris adipisicing. Exercitation est nisi et laborum nulla adipisicing deserunt exercitation adipisicing cupidatat anim.

Lorem Ipsum Again

Sit Lorem deserunt do ullamco ad magna. Reprehenderit ad minim do ut quis et mollit. Cillum cillum pariatur incididunt sunt sunt. Ad velit adipisicing mollit ea veniam occaecat culpa ullamco anim. Dolor magna eu enim ut nisi aliqua consequat amet ullamco labore mollit.

Another Lorem Ipsum

Ex culpa cillum nulla incididunt sit Lorem quis excepteur ut. Occaecat irure consequat dolore minim. Id excepteur mollit ad deserunt velit cillum exercitation excepteur ut veniam dolor consequat duis.