Html 分区外的OL

我试图创建一个OL，但出于某种原因，这可能是非常基本的，这个OL没有出现在蓝色分区中。为什么

取消选中JSFIDLE中的

“规范化CSS”

复选框

---

现场演示：

为了在

ol

上编号：

ol {
    padding-left: 0.5em;
}

ol li {
    list-style-type: decimal; /* or 'decimal-leading-zero', 'upper-alpha', 'lower-alpha'... */
    list-style-position: outside; /* or 'inside' */
    margin-left: 1em; /* gives 'room' for the numbers to appear in */
}

---

.

@Sime好的，它在JSFIDLE中工作，但是我需要在html页面中更改什么？为什么还有这么多空白？@Paul你想在你的页面上实现什么？默认情况下，浏览器在OL和UL元素上定义一个左填充。@Sime，我只希望在蓝色Div中使用正常编号，而不使用不必要的左填充。我不知道左填充是默认定义的。@Paul您的页面上没有正常的编号吗？默认情况下，编号应该存在，因此您必须在CSS代码中禁用它（或者使用CSS重置来实现）。@Sime normal number？在哪个html标签中？这是一个.aspx页面在阅读了答案/评论之后，你可能想要这样：

ol{padding:0}ol li{list style type:decimal；list style position:inside；}

@thirtydot是的，它总是很简单的。这是最终的成果：我也非常感谢@Neal的帮助