css - 列表项后的空格

Question

我正在尝试规范项目符号结束和文本开始跨浏览器之间的差距。目前子弹后有一个巨大的差距。请注意，我看的不是列表项之间的差距，而是列表项项目符号和文本之间的差距。

1. <--- 这里的差距
2. 项目清单
3. 项目清单

Answer 1

text-indent CSS 属性用于指定在元素文本内容的第一行开始之前应该移动多少水平空间文本。

li {
  text-indent: 5px;
}

<ol>
  <li>Apple</li>
  <li>Banana</li>
  <li>Cherry</li>
</ol>