Css 当“位置”设置为“外部”时，左边框上的列表

我试图将列表的左侧与文档的边框对齐（与title元素的垂直位置相同）

注意：因为我想要在数字和实际内容之间设置一个空格，所以我选择使用

列表样式position:outside

HTML:

它目前的工作：

我希望它做什么：

---

我认为使用

列表样式position:out

是不可能的。看这个例子

---

我不确定你是否可以修改你的HTML，但是使用

列表样式position:inside

和一个带填充的额外跨距可以解决你的问题。

控制OLT左边的边距当你达到10时，数字的宽度开始变化，所以只设置左边的边距没有帮助

<h1>My Title</h1>
<ol>
    <li>first list element</li>
    <li>second list element</li>
    <li>third list element</li>
</ol>

ul, ol {
    line-height: 17pt;
    list-style-position: outside;
}

ul {
    list-style: square;
}

ol {
    list-style-type: decimal;
}

ul > li, ol > li {
    padding-left: 5mm;
}