title: Three-level nested list in kramdown
body: <p>I have been trying to create a nested list like the following (with kramdown, for use on GitHub pages), but the HTML output is not semantic; paragraphs are used instead of list elements for the 2nd-level list, and code blocks are used for the 3rd-level list items.</p>
  <pre><code>1. Do something.
  
  2. Do something else.
  
      a. If the reverse-Pi separation gauge is set to `OFF` you can follow
         the following procedure.
  
          i. Use the flux capacitor on Mondays, Tuesdays and Thursdays, but
             only if you have not done so already.
  
          ii. Do not use the flux capacitor if it's raining, because the
              universe will implode.
  
      b. If the reverse-Pi separation gauge is set to `ON` then you
         should follow Procedure 42.
  
  3. Go back to doing things.
  </code></pre>
  <p>The above produces the following HTML...</p>
  <pre class="lang-html prettyprint-override"><code>&lt;ol&gt;
    &lt;li&gt;
      &lt;p&gt;Do something.&lt;/p&gt;
    &lt;/li&gt;
    &lt;li&gt;
      &lt;p&gt;Do something else.&lt;/p&gt;
  
      &lt;p&gt;a. If the reverse-Pi separation gauge is set to &lt;code&gt;OFF&lt;/code&gt; you can follow
      the following procedure.&lt;/p&gt;
  
      &lt;pre&gt;&lt;code&gt; i. Use the flux capacitor on Mondays, Tuesdays and Thursdays, but
      only if you have not done so already.
  
   ii. Do not use the flux capacitor if it's raining, because the
       universe will implode.
  &lt;/code&gt;&lt;/pre&gt;
  
      &lt;p&gt;b. If the reverse-Pi separation gauge is set to &lt;code&gt;ON&lt;/code&gt; then you
      should follow Procedure 42.&lt;/p&gt;
    &lt;/li&gt;
    &lt;li&gt;
      &lt;p&gt;Go back to doing things.&lt;/p&gt;
    &lt;/li&gt;
  &lt;/ol&gt;
  </code></pre>
  <p>I have tried altering the indentation and even removing the blank lines between items, but can’t get it to function as intended.</p>
  <p>Replacing all of the list 'bullets' with <code>1.</code> rather than their actual numbers does make it generate correctly-structured HTML (thanks to <a href="https://stackexchange.com/users/1293356/scroog1">Scroog1</a> for that suggestion offline); then one can use CSS to make the output HTML lists have the desired <code>list-style-type</code>.  However, this feels contrary to Markdown's <a href="http://daringfireball.net/projects/markdown/syntax#philosophy" rel="nofollow noreferrer">&quot;it should be readable as plain text&quot; philosophy</a>, so I was wondering if there is any way to make it work <em>and</em> look as intended in the markdown version?</p>
  <p>(I suppose it could be argued that in this particular case, where HTML is the only format of my document that people will read, it's better to have the machine do the numbering, and it's cleaner to use CSS rather than inline styles generated by the markdown processor to achieve the desired list formatting, but I'm curious as to whether the failure above might be either my misuse of, or maybe a bug or design decision in, kramdown.)</p>