对齐有序列表数字到右边的技巧

Question

考虑下面的代码：

在输出中，列表项确实在右边，但是数字不在右边的位置。如何将数字也对齐到右边的位置？

ol {
  width: 15vw;
}

<ol style="text-align:right;">
  <li>Orange</li>
  <li>Apple</li>
  <li>Mango</li>
  <li>Pineapple</li>
  <li>Pear</li>
  <li>Grape</li>
  <li>Watermelon</li>
  <li>Strawberry</li>
  <li>Blueberry</li>
  <li>Raspberry</li>
  <li>Kiwi</li>
</ol>

Answer 1

将rtl方向的属性添加到ol标签中：dir="rtl"。