Styling Ordered List – CSS


In this tutorial we are going to see, how can we style the Ordered list in CSS using the simple CSS selectors.

Customize it and Download :

Edit Yourself »

For learning HTML online : click here

Explanation : Styling Ordered List

In the above code, counter-reset property will allow you automatic numbering of the elements. Counter increment property will automatically increment the value of counter.

Just copy the style shown above and include in your CSS file. You just need to include the <ol> element like this –