title: HTML5 <section>'s inside <article> and header
body: <p>I'm trying to make a semantic HTML5 code and not sure if it will be right.
  Visualy I have an article/post divided in 3 cols:</p>
  
  <p><strong>IMAGE</strong> (200px) | <strong>H1+ Summary + More Link</strong> (350px) | <strong>Additional Section with 2 headers H2</strong>  (150px)</p>
  
  <p>In CSS I'll <strong>float:left</strong> - <em>figure, .post-summary, .post-aside</em>.</p>
  
  <p>Here is Ver.1:</p>
  
  <pre><code>&lt;article&gt;
          &lt;figure&gt;
          &lt;a href="#"&gt;&lt;img src="images/temp/entry_01.jpg" alt=""&gt;&lt;/a&gt;
          &lt;figcaption&gt;Title for Case Study&lt;/figcaption&gt;
          &lt;/figure&gt;
  
          &lt;div class="post-summary"&gt;          
              &lt;section&gt;
                  &lt;h1&gt;MAIN Article Title&lt;/h1&gt;
                  &lt;p&gt;Lorem ipsum...&lt;/p&gt;
                  &lt;a href="#"&gt;read more&lt;/a&gt;
              &lt;/section&gt;              
          &lt;/div&gt;
  
          &lt;div class="post-aside"&gt;
              &lt;section&gt;
                  &lt;h2&gt;The Charges:&lt;/h2&gt;
                  &lt;p&gt;Lorem ipsum...&lt;/p&gt;
              &lt;/section&gt;
  
              &lt;section&gt;
                  &lt;h2&gt;The Verdict:&lt;/h2&gt;
                  &lt;p&gt;Lorem ipsum...&lt;/p&gt;
              &lt;/section&gt;
          &lt;/div&gt;
  &lt;/article&gt;
  </code></pre>
  
  <p>Ver. 2</p>
  
  <pre><code>&lt;article&gt;
          &lt;figure&gt;
          &lt;a href="#"&gt;&lt;img src="images/temp/entry_01.jpg" alt=""&gt;&lt;/a&gt;
          &lt;figcaption&gt;Title for Case Study&lt;/figcaption&gt;
          &lt;/figure&gt;
  
          &lt;section class="post-summary"&gt;
              &lt;h1&gt;MAIN Article Title&lt;/h1&gt;
              &lt;p&gt;Lorem ipsum...&lt;/p&gt;
              &lt;a href="#"&gt;read more&lt;/a&gt;
          &lt;/section&gt;                          
  
          &lt;section class="post-aside"&gt;
              &lt;h2&gt;The Charges:&lt;/h2&gt;
              &lt;p&gt;Lorem ipsum text ...&lt;/p&gt;
  
              &lt;h2&gt;The Verdict:&lt;/h2&gt;
              &lt;p&gt;Lorem ipsum text...&lt;/p&gt;
          &lt;/section&gt;
  
  &lt;/article&gt;  
  </code></pre>
  
  <p>Which one is right?</p>