Cacher is the code snippet organizer for pro developers

ol {
    padding: 0;/* paddingキャンセル */
    margin: 0;/* marginキャンセル */
    list-style: none;/* olがはき出す数字を消す */
    counter-reset: count; /* 数字のカウントをリセットする */
}

li {
    /* 好きなように装飾 */
}

li:before {
    counter-increment: count; /* 任意の名前を付ける（もちろん英語で） */
    content: counter(count); /* 名前を付けたカウンターをcontentで発動！ */
}

li.circle:before {
    float: left;
    background: #8bcdba;
    width: 1.5em;
    height: 1.5em;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    line-height: 1.5;
}