Auto Insert Numbers in CSS OL, LI (Ordered List) list

EXAMPLE

1. Un service gratuit et sans engagement
2. Un service gratuit et sans engagement sans engagement
3. Un service gratuit et sans engagement Un service

CODE:
<style>
.list-numbers li:before {
    content: counter(count-me) " ";
    display: block;
    position: relative;
    margin-left: -2.8em;
    /* top: .05em; */
    color: #FFF;
    font-weight: bold;
    background: #00AEF1;
    width: 26px;
    height: 26px;
    border: 1px solid #00AEF1;
    border-radius: 50%;
    text-align: center;
    line-height: 25px;
    float: left;
}

.list-numbers li {
    counter-increment: count-me;
}

</style>

<ol class="list-unstyled list-numbers"> 

<li class="first">Un service gratuit et sans engagement</li>

<li class="second two-lined">Un service gratuit et sans engagement sans engagement</li>

<li class="third two-lined">Un service gratuit et sans engagement Un service </li>

</ol>