title: Is <p> semantically correct within an <li> element
body: <p>I'm marking up a series of knowledge base how-to type articles which have a series of steps and associated screenshots. In the past I have always wrapped text within a list item within paragraph tags but I'm wondering if this is semantically correct in this case or if I should be using a heading tag (or even nothing). I'm tempted to mark it up as follows:</p>
  
  <pre><code>&lt;ol class="kbarticle"&gt;
          &lt;li&gt;
              &lt;p&gt;Download the Windows client software &lt;a href=""&gt;here&lt;/a&gt;.&lt;/p&gt;
              &lt;a href="#screenshot1"&gt;&lt;img src="screen1.jpg" alt="Step 1" /&gt;&lt;/a&gt;
          &lt;/li&gt;
          &lt;li&gt;
              &lt;p&gt;Double click the downloaded file and click "Next" to continue.&lt;/p&gt;
              &lt;a href="#screenshot2"&gt;&lt;img src="screen2.jpg" alt="Step 2" /&gt;&lt;/a&gt;
          &lt;/li&gt;
  &lt;ol&gt;
  </code></pre>
  
  <p>Additionally, if there are any HTML5 elements which would be more semantically correct, I'd love to know.</p>