<ol>
<li>List Item 1</li>
<li>List Item 2</li>
<li>List Item 3</li>
<li>List Item 4</li>
<li>List Item 5</li>
</ol>
body {
background: #fedebe;
}
ol {
counter-reset: my-awesome-counter;
list-style: none;
}
li {
counter-increment: my-awesome-counter;
}
li:before {
content: counter(my-awesome-counter) ') ';
color: red;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.