對齊有序列表數字到右邊的技巧

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"。