html - 需要右对齐ol列表中的十进制数

Question

我有一个标准ol清单：

1. One
2. Two
10. Ten

有没有办法让十进制数右对齐，使其看起来像这样：

 1. One
 2. Two
10. Ten

编辑：截图。顶部是 Typekt (Proxima Nova) 字体粗细正常。底部是无衬线字体。

唯一相关的样式是：ol { list-style-position: inside; }

score 3 · Accepted Answer

默认情况下，项目编号不是右对齐吗？至少它们在 IE 和 Firefox 中：

<ol>
  <li>One</li>
  <li>Two</li>
  <li value="10">Ten</li>
</ol>

更新：问题在于 (1)list-style-position设置为inside，因此项目编号显示为项目内容的一部分，而不是在左边距中，并且 (2) 您使用的是具有可变宽度数字的字体。

删除list-style-position: inside将解决问题。你添加它的原因是什么？如果一个脚注太长以至于它换行了，你希望后面的行如何缩进？

1 回答 1