title: Number nested ordered lists in HTML
body: <p>I have a nested ordered list.</p>
  
  <pre><code>&lt;ol&gt;
    &lt;li&gt;first&lt;/li&gt;
    &lt;li&gt;second
    &lt;ol&gt;
      &lt;li&gt;second nested first element&lt;/li&gt;
      &lt;li&gt;second nested secondelement&lt;/li&gt;
      &lt;li&gt;second nested thirdelement&lt;/li&gt;
    &lt;/ol&gt;
    &lt;/li&gt;
    &lt;li&gt;third&lt;/li&gt;
    &lt;li&gt;fourth&lt;/li&gt;
  &lt;/ol&gt;
  </code></pre>
  
  <p>Currently the nested elements start back from 1 again, e.g.</p>
  
  <ol>
  <li>first</li>
  <li>second
  
  <ol>
  <li>second nested first element</li>
  <li>second nested second element</li>
  <li>second nested third element</li>
  </ol></li>
  <li>third</li>
  <li>fourth</li>
  </ol>
  
  <p>What I want is for the second element to be numbered like this:</p>
  
  <ol>
  <li>first</li>
  <li><p>second</p>
  
  <p>2.1. second nested first element</p>
  
  <p>2.2. second nested second element</p>
  
  <p>2.3. second nested third element</p></li>
  <li>third</li>
  <li>fourth</li>
  </ol>
  
  <p>Is there a way of doing this?</p>