Styling the list numbers

I am back with another post in the styling with CSS series. Have you ever tried to style the number of an ordered list? While the replacement of the default bullets is too obvious (list-style-image does the trick), the method of styling list numbers is not. What follows is a demonstration of how this can be achieved by two methods: a) the quick-and-dirty and b) the modern way.

Let’s start with [...]