title: unordered list in a paragraph element
body: <p>when I write this:</p>
  
  <pre><code>&lt;p class="paragraph"&gt;the list:
    &lt;ul&gt;
      &lt;li&gt;item&lt;/li&gt;
    &lt;/ul&gt;
  &lt;/p&gt;
  </code></pre>
  
  <p>my browser is semantically rendered it as:</p>
  
  <pre><code>&lt;p class="paragraph"&gt;the list:&lt;/p&gt;
  &lt;ul&gt;
    &lt;li&gt;item&lt;/li&gt;
  &lt;/ul&gt;
  &lt;p&gt;&lt;/p&gt;
  </code></pre>
  
  <p>why ? and is there a better way to introduce list-items in a paragraph ? </p>