html - 您可以将列表项数字放在自己的行上吗？

Question

我有一个<ol>设置为list-style-position: inside但我似乎无法控制数字出现的位置。我希望它们出现在其呈现的内容上方的一行上，但我似乎无法控制其行为。

显示如下:

I Item 1
II Item 2

当我希望它像这样显示时:

I
Item 1

II
Item II

看起来很简单，但我还没有找到任何东西。

Answer 1

-- 编辑:CSS 解决方案--

您可以使用:before伪元素在您的内容之前创建一行，如下所示:

<强> FIDDLE

li:before{
    content:"";
    display:block;
}

---

HTML 解决方案:

我能想到的最简单的方法是使用 <br/> <li> 开头的标签

<强> FIDDLE

<ol>
    <li><br/>item 1</li>
    <li><br/>item 2</li>
</ol>