Change ol from 01. to 01

Question

Is it possible to lose the dot when using "list-style-type:decimal-leading-zero;"

I found a solution to lose the dot, but then I can't add the leading zero.

ol { 
    counter-reset: item;
    list-style-type: decimal-leading-zero;
}
li { display: block; }
li:before { 
    content: counter(item) "  "; 
    counter-increment: item 
}

possible duplicate of [HTML + CSS: Ordered List without the Period?](http://stackoverflow.com/questions/5945161/html-css-ordered-list-without-the-period) — brandonscript, Apr 04 '14 at 07:57

score 10 · Accepted Answer · answered Apr 04 '14 at 07:57

10

You can set the list-style-type for the counter:

ol { 
    counter-reset: item;
    list-style-type: none;
}
li { display: block; }
li:before { 
    content: counter(item, decimal-leading-zero) " "; 
    counter-increment: item;
}

answered Apr 04 '14 at 07:57

Roland Jansen

2,733
1
16
21

Thank you for this dude! I've been searching for a few hours on how to do this properly. – Oneezy Feb 24 '18 at 19:32
There is a working example here https://codepen.io/maddesigns/pen/JGQejg – Scott May 14 '20 at 05:30

Change ol from 01. to 01

1 Answers1