<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;
}