位置设置在外部时在左边框上列出

Question

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

注意：由于我希望数字和实际内容之间有一定的间隔，因此我选择使用list-style-position: outside。

HTML：

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

CSS：

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;
}

当前功能：

我想要它做什么：

Answer 1

当您使用list-style-position: outside时，我认为这是不可能的。请参见以下示例https://jsfiddle.net/obpm5qrc/12/

我不确定是否可以更改HTML，但是使用list-style-position: inside和额外的跨距填充会解决您的问题。