title: Correct way to write lists
body: <p>This is something I've pondered over for a while, as I've seen both used in practise.</p>
  <h2>Method 1</h2>
  <pre><code>&lt;ol&gt;
      &lt;li&gt;List item 1&lt;/li&gt;
      &lt;li&gt;List item 2
          &lt;ol&gt;
              &lt;li&gt;List item 3&lt;/li&gt;
          &lt;/ol&gt;
      &lt;/li&gt;
      &lt;li&gt;List item 4&lt;/li&gt;
  &lt;/ol&gt;
  </code></pre>
  <p>This seems semantically correct to me, since the sub-list is a sub-list of that list item, however it isn't very clean (List Item Content<code>&lt;list right next to it&gt;</code>).</p>
  <h2>Method 2</h2>
  <pre><code>&lt;ol&gt;
      &lt;li&gt;List item 1&lt;/li&gt;
      &lt;li&gt;List item 2&lt;/li&gt;
          &lt;ol&gt;
              &lt;li&gt;List item 3&lt;/li&gt;
          &lt;/ol&gt;
      &lt;li&gt;List item 4&lt;/li&gt;
  &lt;/ol&gt;
  </code></pre>
  <p>Cleaner, but it's not directly understandable the list is a sub-list of item 2 (although it's understandable by human inference).</p>
  <p>This is purely a concern for semantic markup by the way, both methods present the same content on the page.</p>
  <p>So SO, what do you think? Sources where possible are preferable but personal use is good too. I notice that MediaWiki's heirachial TOCs are using Method 1 which encourages me to believe that's the correct use.</p>