<ol>
<li>Первый</li>
<li>Второй</li>
<li>Третий</li>
<li>Четвёртый</li>
<li>Пятый</li>
<li>Шестой</li>
<li>Седьмой</li>
<li>Восьмой</li>
<li>Девятый</li>
<li>Десятый</li>
</ol>
ol {
counter-reset: num 11;
}
li {
list-style-type: none;
}
ol > li::before {
content: counter(num) ":";
counter-increment: num -1;
display: inline-block;
width: 2em;
padding-right: 0.3em;
text-align: right;
color: #00F;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.