html - ol リストの 10 進数を右揃えにする必要がある

Question

私は標準的なolリストを持っています:

1. One
2. Two
10. Ten

次のように、10 進数を右揃えにする方法はありますか。

 1. One
 2. Two
10. Ten

編集：スクリーンショット。上は Typekt (Proxima Nova) の font-weight normal です。下はサンセリフ。

関連するスタイルは次のとおりです。ol { list-style-position: inside; }

score 3 · Accepted Answer

項目番号はデフォルトで右揃えになっていませんか? 少なくとも 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すると問題が解決します。追加した理由は何ですか？脚注が長すぎて折り返される場合、後続の行をどのようにインデントしますか?

1 に答える 1