Styling Lists

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