Published on 2015-02-04


You have so many contents, which could be organized to an ordered list...

  1. Your content could even be very very long and long, which is so long that it must be broken to several lines. Does this line long enough? You can even make it longer! Don't you think so?
  2. Your content
  3. Your content
  4. Your content



    <span class="bullet fa fa-square"></span>
    <span></span>Your content<!-- could be put here -->


ol {
    list-style-type: none;
    padding-left: 5.2em;
    counter-reset: section; // This is important!!!

ol .bullet {
    margin-left: -3.1em;

ol .bullet + span:after {
    display: inline-block;
    min-width: 2em;
    padding-right: .4em;
    counter-increment: section;
    content: counter(section) ".";
    text-align: right;