See Styling Ordered List Numbers
ol,
ul
{
counter-reset:li;
}
ol > li,
ul > li
{
position: relative;
margin: 0 0 0px 2em;
list-style: none;
}
ol > li:before,
ul > li:before
{
content: counter(li);
counter-increment: li;
position: absolute;
left: -2em;
width: 2em;
margin-right: 8px;
font-weight: 600;
text-align: center;
}
ul > li:before
{
content: "\00B7";
counter-increment: none;
}
ol > li:after
{
content: '.';
position: absolute;
left: -0.5em;
top: 0;
font-size: 1.4em;
line-height: 0.77em;
}
li ol,
li ul
{
margin-top:6px;
}
ul ul li:last-child,
ol ol li:last-child
{
margin-bottom:0;
}