需要在ol列表中右对齐十进制数

Question

我有一个标准ol列表：

1. One
2. Two
10. Ten

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

 1. One
 2. Two
10. Ten

编辑：屏幕截图。 Top是Typekt（Proxima Nova）字体重量正常。底部是sans-serif。

只有相关的风格是：ol { list-style-position: inside; }

Answer 1

默认情况下，项目编号是否右对齐？至少他们在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可以解决问题。你添加它的原因是什么？如果脚注太长以至于包裹，那么您希望后续行是否缩进？