順序付きリストの番号を右揃えにするためのヒント

Question

次のコードを考えてみましょう。

出力では、リスト項目は確かに右側にありますが、数値は正しい位置にありません。数値も正しい位置に揃えるにはどうすればよいですか?

ol {
  幅: 15vw;
}

<ol style="text-align:right;">
  <li>オレンジ</li>
  <li>アップル</li>
  <li>マンゴー</li>
  <li>パイナップル</li>
  <li>梨</li>
  <li>ブドウ</li>
  <li>スイカ</li>
  <li>ストロベリー</li>
  <li>ブルーベリー</li>
  <li>ラズベリー</li>
  <li>キウイ</li>
</ol>

Answer 1

rtl 方向属性を ol タグに追加します: dir="rtl"。