title: Html ordered list 1.1, 1.2 (Nested counters and scope) not working
body: <p>I use nested counters and scope to create an ordered list:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>ol {
      counter-reset: item;
      padding-left: 10px;
  }
  li {
      display: block
  }
  li:before {
      content: counters(item, ".") " ";
      counter-increment: item
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;ol&gt;
      &lt;li&gt;one&lt;/li&gt;
      &lt;li&gt;two&lt;/li&gt;
      &lt;ol&gt;
          &lt;li&gt;two.one&lt;/li&gt;
          &lt;li&gt;two.two&lt;/li&gt;
          &lt;li&gt;two.three&lt;/li&gt;
      &lt;/ol&gt;
      &lt;li&gt;three&lt;/li&gt;
      &lt;ol&gt;
          &lt;li&gt;three.one&lt;/li&gt;
          &lt;li&gt;three.two&lt;/li&gt;
          &lt;ol&gt;
              &lt;li&gt;three.two.one&lt;/li&gt;
              &lt;li&gt;three.two.two&lt;/li&gt;
          &lt;/ol&gt;
      &lt;/ol&gt;
      &lt;li&gt;four&lt;/li&gt;
  &lt;/ol&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>I expect the following outcome:</p>
  
  <pre><code>1. one
  2. two
    2.1. two.one
    2.2. two.two
    2.3. two.three
  3. three
    3.1 three.one
    3.2 three.two
      3.2.1 three.two.one
      3.2.2 three.two.two
  4. four
  </code></pre>
  
  <p>Instead, this is what I see <strong>(wrong numbering)</strong>:</p>
  
  <pre class="lang-html prettyprint-override"><code>1. one
  2. two
    2.1. two.one
    2.2. two.two
    2.3. two.three
  2.4 three &lt;!-- this is where it goes wrong, when going back to the parent --&gt;
    2.1 three.one
    2.2 three.two
      2.2.1 three.two.one
      2.2.2 three.two.two
  2.3 four
  </code></pre>
  
  <p>I have no clue, does anyone see where it goes wrong?</p>
  
  <p>Here is a JSFiddle: <a href="http://jsfiddle.net/qGCUk/2/" rel="noreferrer">http://jsfiddle.net/qGCUk/2/</a></p>