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

Question

我想在单个无序列表项中嵌套有序列表,以便有序列表拆分列表项的文本.例如:

•无序点,文本文本文本...
1.第一个有序列表项
2.第二个有序列表项
...来自相同无序点的连续文本.
•另一个无序点

我想知道编码这个的正确方法是什么？我试过了:

<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>

但不确定这是否是正确的标记方式.此外,当我在Chrome和FF中测试时,嵌套有序列表前后的行间距不会平衡; 我越来越:

•无序点,文本文本文本...
1.第一个有序列表项
2.第二个有序列表项

...来自相同无序点的连续文本.
•另一个无序点

Answer 1

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