Custom Numbered List

Here's an article about this fiddle http://grahamwalters.me/2013/10/20/custom-numbered-list/

HTML

<ol>
    <li>Point 1Point 1Point 1Point 1Point 1Point 1Point 1Point 1Point 1Point 1Point 1Point 1Point 1Point 1Point 1Point 1Point 1Point 1Point 1Point 1Point 1Point 1Point 1Point 1Point 1Point 1Point 1Point 1Point 1Point 1</li>
    <li>Point 2</li>
    <li>Point 3</li>
</ol>

CSS

ol {
    counter-reset: item;
}

ol li:before {
    content: counter(item);
    counter-increment: item;
    color: #4679BD;
    border: #4679BD solid 3px;
    border-radius: 19px;
    padding: 7px 12px;
    display: inline-block;
    position: relative;
    left: -20px;
}

ol li {
    list-style: none;
    margin-bottom: 4px;
}