title: How to code a nested ordered list within an unordered list item?
body: <p>I want to nest an ordered list within a single unordered list item, such that the ordered list splits up the text of the list item. For example:</p>
  
  <p>&#x2022; An unordered point, text text text...
  <br />1. First ordered list item
  <br />2. Second ordered list item
  <br />...continued text from same unordered point.
  <br />&#x2022; Another unordered point</p>
  
  <p>I'm wondering what's the proper way to code this? I've tried:</p>
  
  <pre><code>&lt;ul&gt;
    &lt;li&gt;An unordered point, text text text...
    &lt;ol&gt;
      &lt;li&gt;First ordered list item&lt;/li&gt;
      &lt;li&gt;Second ordered list item&lt;/li&gt;
    &lt;/ol&gt;
    ...continued text from same unordered point.&lt;/li&gt;
    &lt;li&gt;Another unordered point&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>but not sure if that's the correct way to mark it up. Also, when I testing this in Chrome and FF, the line spacing before and after the nested ordered list does not balance out; I'm getting:</p>
  
  <p>&#x2022; An unordered point, text text text...
  <br />1. First ordered list item
  <br />2. Second ordered list item
  <br /><br />...continued text from same unordered point.
  <br />&#x2022; Another unordered point</p>