title: What is the correct way to include a blank line in an html list element?
body: <p>Assuming I have a list:</p>
  <ul>
  <li>Item One</li>
  <li>Item Two is really long. As a matter of fact, it's made up of a couple different paragraphs. I'd really like to be able to have a break between the second and third sentence because otherwise it gets all bunched together and is really difficult to read.</li>
  <li>Item Three</li>
  </ul>
  <p>What is the correct way to achieve this in HTML/CSS:</p>
  <ul>
  <li><p>Item One</p>
  </li>
  <li><p>Item Two is really long. As a matter of fact, it's made up of a couple different paragraphs.</p>
  <p>I'd really like to be able to have a break between the second and third sentence because otherwise it gets all bunched together and is really difficult to read.</p>
  </li>
  <li><p>Item Three</p>
  </li>
  </ul>
  <p>It seems some options are <code>&lt;p&gt;</code>, <code>&lt;div&gt;</code>, and perhaps <code>&lt;span&gt;</code> with the appropriate <code>display</code> style. There are probably even more options, but I am hoping there is a correct / recommended approach.</p>
  <p>For the sake of scoping this question, let's assume modern browsers that support HTML5/CSS3.</p>
  <p><em>Edit: For people voting to close the question, could you leave a comment as to why? If there's some obvious guideline I should follow, please link to it. Given that there are often multiple ways to accomplish things in HTML/CSS, I think it's fair to ask if there is a &quot;correct&quot; way.</em></p>