Tipps zum Ausrichten geordneter Listennummern nach rechts

Question

Bedenken Sie den folgenden Code:

In der Ausgabe stehen die Listeneinträge zwar rechts, aber die Zahlen sind nicht an der richtigen Position. Wie kann ich die Zahlen auch an der richtigen Position ausrichten?

ol {
  Breite: 15vw;
}

<ol style="text-align:right;">
  <li>Orange</li>
  <li>Apple</li>
  <li>Mango</li>
  <li>Ananas</li>
  <li>Birne</li>
  <li>Traube</li>
  <li>Wassermelone</li>
  <li>Erdbeere</li>
  <li>Blaubeere</li>
  <li>Himbeere</li>
  <li>Kiwi</li>
</ol>

Answer 1

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