CODEWITHSUNDEEP
csshtml-lists
user1603310
user1603310

Reputation: 35

Change ol from 01. to 01

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 
}

Upvotes: 3

Views: 7756

Answers (1)

Roland Jansen
Roland Jansen

Reputation: 2783

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;
}

Upvotes: 11

Related Questions