html - 保持保证金溢出

Question

我有以下内容：

<ol>
    <li>This is a run-on sentence</li>
</ol>

ol {
    width: 300px;
}

它看起来像这样：

1. This is a run on
sentence.

我如何使它看起来像这样，每行的左边距相等，保持<ul>?

1. This is a run on
   sentence.

Answer 1

利用list-style-position: outside

ol {
    width: 300px;
    list-style-position: outside;
}