Watch: Custom Lists with CSS Counters

Share this article

Have you ever wanted more control over your HTML list bullets? In this screencast I show you how to use CSS counters for greater flexibility in building custom lists or any other kind of sequence in which you want automatic numbering. This technique allows for complete control over the list bullets, and there are even more neat functionalities that you maybe didn’t know existed in CSS.

You can find the code samples for the screencast on GitHub.

Loading the player…

Guilherme MullerGuilherme Muller
View Author

Guilherme is passionate about web development, especially HTML and CSS coding. With more than 10 years of experience, Guilherme works as a freelance web developer with clients of various fields, having published more than a hundred websites. Currently, Guilherme has his own small web development company in Curitiba, Brazil. When Guilherme is not coding, he’s usually running, reading, playing his cajón or travelling with his wife around Brazil and the world as “almost” backpackers.

AdvancedCSSangelamCounterCSSInstructional videoSitepoint Premium
Share this article
Read Next
Get the freshest news and resources for developers, designers and digital creators in your inbox each week