你能把列表项目数字放在自己的行上吗？

Question

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

显示如下：

  

I Item 1
II Item 2

当我希望它显示如下：

  

I
项目1

二章第二项

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

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>