html - リストのパディング/マージンをレスポンシブに設定する方法

Question

これは、標準の箇条書きリストではあまり出てきませんが、ローマ数字の場合、数字の幅はさまざま<li>です。

例: II 対 XVII

リストに十分なパディングを設定するのに苦労しているので、幅の広い「箇条書き」が切り取られたり、狭い箇条書きが理由もなくぎこちなくインデントされたりすることはありません。

基本的に、箇条書き/数字が切り取られないように、最小の左間隔を達成するためのCSSソリューションを探しています。