Question

关于我绘制的黄色div框，我希望我的有序列表编号直接在框下方左对齐。它没有出现在JSFiddle上，但是在我的家用机器上，由于分辨率不同的显示器，数字出现在黄色div框之外，如下所示：

example

我希望我的数字在黄色div框下方对齐。我怎么能这样做？

我尝试使用边距，但这看起来很随意，可能无法跨浏览器/跨系统工作

margin-left: 20px;
margin-right: auto;

Answer 1

通过在有序列表中使用以下CSS定义，我成功地将列表编号与黄色框对齐：

ol {
    padding:0;
    list-style-position:inside;
}

list-style-position CSS属性指定了该位置   主要区块框中的标记框。

OUTSIDE：标记框位于主要区块框之外。

INSIDE：标记框是主要块框中的第一个内联框，之后   元素的内容流动。