Stylized list-style

by Kyle Falconer

HTML

<ol>
    <li>item1</li>
    <li>item2</li>
    <li>item3</li>
    <li>item4</li>
    <li>item5</li>
</ol>

CSS

ol {
    list-style: none;
    counter-reset: letter;
}
ol li {
    counter-increment: letter;
    margin-bottom: 10px;
}
ol li:before {
    content: counter(letter, upper-alpha);
    background-color: #590009;
    display: inline-block;
    position: relative;
    left: -29px;
    height: 21px;
    width: 17px;
    border-radius: 50%;
    margin-right: 0px;
    top: 2px;
    color: #ffffff;
    font-family:'PT-Sans', Arial, Helvetica, Sans-Serif;
    padding: 3px 0px 0 6px;
}