title: Correct usage of HTML5 <hr> tag
body: <p>I'm writing a new webpage for a company and I have (a sane subset of) HTML5/W3C recommendations in mind.</p>
  
  <p>After reading the semantic meaning of <code>&lt;hr /&gt;</code>, I was wondering if this was a good place to use it:</p>
  
  <pre><code>&lt;section name="historyItem"&gt;
      &lt;h2&gt;2002&lt;/h2&gt;
      &lt;p&gt;Dolorem ipsum dolor sit amet in 2002, consectetur [...]&lt;/p&gt;
      &lt;hr /&gt;
      &lt;ul&gt;
          &lt;li&gt;&lt;a href="#"&gt;Link A&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#"&gt;Link B&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/section&gt;
  </code></pre>
  
  <p>My line of reasoning is that, yes, that <code>&lt;hr /&gt;</code> represents a thematic change from <em>section description</em> to <em>section links</em>, but I'm unsure about that.</p>
  
  <p>Maybe "thematic change" means to have a new paragraph later on another subject, and thus my example wouldn't be "correct". What do you think?</p>
  
  <p>(ps.: Yes, that <code>&lt;ul&gt;</code> is CSS-styled to fit a single line and look cool)</p>