保持填充的自定义列表与第一个子弹线保持相同

Question

我有一个需要看起来像这样的列表

aa. Item 1
bb. Item 2

我试过这个

<ol>
    <li style="list-style-type:none;">aa. <span style="padding-left:15px;">Item 1</span></li>
    <li style="list-style-type:none;">bb. <span style="padding-left:15px;">Item 2</span></li>
</ol>

这很有效，但我的问题是当文本扩展到第二行时，它看起来像这样

aa. Item 1
Item 1 line continues here
bb. Item 2

我需要它看起来像这样

aa. Item 1
    Item 1 line continues here
bb. Item 2

有可能实现这一目标吗？可能没有计数器，因为它需要内联。

Answer 1

这个链接应该为你做。我已将跨度更改为div并将它们设置为内联块。

link to fiddle

Answer 2

• 添加margin-left：20px
• 设置list-style-position：outside;
• 说10px padding＆amp; line-height：1.6em

Result