title: Correct markup for headers
body: <p>How do I semanticly markup the headers in the article as presented in the picture below? I often run into this problem; where I have a header that is visually first, but is a subheading, intro header or less important then the main header. I could put it after the main header and move it above with CSS, but that isn't always a ideal solution.</p>
  
  <p>Another question: is there any special way to markup lead paragraphs?</p>
  
  <p><img src="https://i.stack.imgur.com/C5XAC.jpg" alt="headermarkup">
  <strong>Not allowed?</strong>
  <code></p>
  
  <pre><code>&lt;article&gt;
  &lt;h2&gt;New prodcut&lt;/h2&gt;
  &lt;h1&gt;Launching our new x-series&lt;/h1&gt;
  &lt;p class="lead"&gt;Lorem ipsum dolor sit amet...&lt;/p&gt;
  &lt;p&gt;Integer varius, turpis sit amet accumsan...&lt;/p&gt;
  ...
  &lt;/article&gt;
  </code></pre>
  
  <p></code></p>