Skip to content Skip to sidebar Skip to footer

How To Replace The Dot '.' From An Ordered List Of Type 'a'

I basically need to replace this: a. Element a b. Element b c. Element c To this: a: Element a b: Element b c: Element c Tried the following (custom counter as a pseudo-element bef

Solution 1:

Following this post, you can do this :

ol {
 list-style-type: none;
 counter-reset: elementcounter;
 padding-left: 0;
}

li:before {
 content: "Step "counter(elementcounter) ". ";
 counter-increment: elementcounter;
 font-weight: bold;
}

And :

<ol>
 <li>Place bag in freezer, etc...</li>
 <li>Preheat oven</li>
</ol>

Post a Comment for "How To Replace The Dot '.' From An Ordered List Of Type 'a'"