Customizing ordered list styles (opens in new tab)

A simple and reliable way to use CSS counters Have you ever discovered a tiny piece of code hiding in plain site that made your life a little bit easier? This post is about one of those. One web browser default I’m seldom satisfied with is the appearance of list markers. Their style can be customized with CSS using li::marker, but the options there are limited. The best way I’ve found to fully customize them is to remove default list styles and use a li::before pseudo-element as a list marker...