如何在无序列表项中编码嵌套的有序列表？

Question

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:

• An unordered point, text text text...
1. First ordered list item
2. Second ordered list item
...continued text from same unordered point.
• Another unordered point

I'm wondering what's the proper way to code this? I've tried:

<ul>
  <li>An unordered point, text text text...
  <ol>
    <li>First ordered list item</li>
    <li>Second ordered list item</li>
  </ol>
  ...continued text from same unordered point.</li>
  <li>Another unordered point</li>
</ul>

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:

• An unordered point, text text text...
1. First ordered list item
2. Second ordered list item

...continued text from same unordered point.
• Another unordered point

Answer 1

这是正确的方法，但是您将需要使用CSS来删除嵌套列表上的边距，这将解决您的间距问题。