title: What is the semantically correct way to use the `<article>` tag in HTML 5, with `<ol>, <ul>, and <li>`?
body: <p>I currently have an ordered list that I want to markup using the new HTML 5 attributes.  It looks like this:</p>
  
  <pre><code>&lt;ol class="section"&gt;
    &lt;li class="article"&gt;
      &lt;h2&gt;Article A&lt;/h2&gt;
      &lt;p&gt;Some text&lt;/p&gt;
    &lt;/li&gt;
    &lt;li class="article"&gt;
      &lt;h2&gt;Article B&lt;/h2&gt;
      &lt;p&gt;Some text&lt;/p&gt;
    &lt;/li&gt;
    &lt;li class="article"&gt;
      &lt;h2&gt;Article C&lt;/h2&gt;
      &lt;p&gt;Some text&lt;/p&gt;
    &lt;/li&gt;
  &lt;/ol&gt;
  </code></pre>
  
  <p>It seems the only way to keep the list AND use HTML 5 tags is to add a whole bunch of unnecessary divs:</p>
  
  <pre><code>&lt;section&gt;
    &lt;ol&gt;
      &lt;li&gt;
        &lt;article&gt;
          &lt;h2&gt;Article A&lt;/h2&gt;
          &lt;p&gt;Some text&lt;/p&gt;
        &lt;/article&gt;
      &lt;/li&gt;
      &lt;li&gt;
        &lt;article&gt;
          &lt;h2&gt;Article B&lt;/h2&gt;
          &lt;p&gt;Some text&lt;/p&gt;
        &lt;/article&gt;
      &lt;/li&gt;
      &lt;li&gt;
        &lt;article&gt;
          &lt;h2&gt;Article C&lt;/h2&gt;
          &lt;p&gt;Some text&lt;/p&gt;
        &lt;/article&gt;
      &lt;/li&gt;
    &lt;/ol&gt;
  &lt;/section&gt;
  </code></pre>
  
  <p>Is there a better way to do this?  What are your thoughts?</p>