Custom number OL list

Using of "Counters"

by Ovi Stof

HTML

<ol class="numer">
      <li>one</li>
      <li>two
        <ol class="numer">
          <li>two.one</li>
          <li>two.two</li>
          <li>two.three</li>
        </ol>
      </li>
      <li>three
        <ol class="numer">
          <li>three.one</li>
          <li>three.two
            <ol class="numer">
              <li>three.two.one</li>
              <li>three.two.two</li>
            </ol>
          </li>
        </ol>
      </li>  
      <li>four</li>
    </ol>

CSS

ol.numer { counter-reset: item; padding-left: 10px; }
ol.numer li { display: block }
ol.numer li:before { content: counters(item, ".") " "; counter-increment: item }