我有一个动态生成的有序列表，最多包含 105 个项目。我用 li：before 设置了 li 数字的样式，一切都很好，但是一旦列表达到三位数，数字就开始与列表项重叠。这掩盖了数字的结尾和 li 本身的一部分。我想做的是让 li 数字与最后一个数字对齐，而不是第一个数字。我不确定如何问这个问题，这可能就是我找不到答案的原因。示例如下：
默认情况下列表项编号的显示方式：
1.
5.
10.
50.
100.
我想要实现的目标：
1.
5.
10.
50.
100.
我已经尝试了一些添加
direction: rtl
和
text-align-last: right
对李：之前，但似乎都没有做任何事情。
感谢您的帮助，如果这是一个愚蠢的问题，请道歉！
编辑：这是我的CSS。谢谢！
li:before {
text-shadow: 2px 2px 4px #000000;
margin-left:-20px;
margin-top:25px;
content: counter(item);
color: white;
display: inline-block;
font-size:2rem;
direction: rtl;
text-align-last: right;
}
你能发布更多的html和css，这样我们就可以准确地了解你目前在做什么。
默认情况下，有序列表将右对齐物料编号。我已经实现了我认为你所追求的：
ol li {
/* Style the list number */
color: red;
font-size: 20px;
font-weight: bold;
}
ol li span {
/* Style the list item text */
color: green;
font-size: 14px;
font-weight: normal;
}<ol>
<li><span>Item text</span></li>
<li><span>Item text</span></li>
<li><span>Item text</span></li>
<li><span>Item text</span></li>
<li><span>Item text</span></li>
<li><span>Item text</span></li>
<li><span>Item text</span></li>
<li><span>Item text</span></li>
<li><span>Item text</span></li>
<li><span>Item text</span></li>
<li><span>Item text</span></li>
<li><span>Item text</span></li>
<li><span>Item text</span></li>
<li><span>Item text</span></li>
<li><span>Item text</span></li>
<li><span>Item text</span></li>
<li><span>Item text</span></li>
<li><span>Item text</span></li>
<li><span>Item text</span></li>
<li><span>Item text</span></li>
<li><span>Item text</span></li>
<li><span>Item text</span></li>
<li><span>Item text</span></li>
<li><span>Item text</span></li>
<li><span>Item text</span></li>
<li><span>Item text</span></li>
<li><span>Item text</span></li>
<li><span>Item text</span></li>
<li><span>Item text</span></li>
<li><span>Item text</span></li>
<li><span>Item text</span></li>
<li><span>Item text</span></li>
<li><span>Item text</span></li>
<li><span>Item text</span></li>
<li><span>Item text</span></li>
<li><span>Item text</span></li>
<li><span>Item text</span></li>
<li><span>Item text</span></li>
<li><span>Item text</span></li>
<li><span>Item text</span></li>
<li><span>Item text</span></li>
<li><span>Item text</span></li>
<li><span>Item text</span></li>
<li><span>Item text</span></li>
<li><span>Item text</span></li>
<li><span>Item text</span></li>
<li><span>Item text</span></li>
<li><span>Item text</span></li>
<li><span>Item text</span></li>
<li><span>Item text</span></li>
<li><span>Item text</span></li>
<li><span>Item text</span></li>
<li><span>Item text</span></li>
<li><span>Item text</span></li>
<li><span>Item text</span></li>
<li><span>Item text</span></li>
<li><span>Item text</span></li>
<li><span>Item text</span></li>
<li><span>Item text</span></li>
<li><span>Item text</span></li>
<li><span>Item text</span></li>
<li><span>Item text</span></li>
<li><span>Item text</span></li>
<li><span>Item text</span></li>
<li><span>Item text</span></li>
<li><span>Item text</span></li>
<li><span>Item text</span></li>
<li><span>Item text</span></li>
<li><span>Item text</span></li>
<li><span>Item text</span></li>
<li><span>Item text</span></li>
<li><span>Item text</span></li>
<li><span>Item text</span></li>
<li><span>Item text</span></li>
<li><span>Item text</span></li>
<li><span>Item text</span></li>
<li><span>Item text</span></li>
<li><span>Item text</span></li>
<li><span>Item text</span></li>
<li><span>Item text</span></li>
<li><span>Item text</span></li>
<li><span>Item text</span></li>
<li><span>Item text</span></li>
<li><span>Item text</span></li>
<li><span>Item text</span></li>
<li><span>Item text</span></li>
<li><span>Item text</span></li>
<li><span>Item text</span></li>
<li><span>Item text</span></li>
<li><span>Item text</span></li>
<li><span>Item text</span></li>
<li><span>Item text</span></li>
<li><span>Item text</span></li>
<li><span>Item text</span></li>
<li><span>Item text</span></li>
<li><span>Item text</span></li>
<li><span>Item text</span></li>
<li><span>Item text</span></li>
<li><span>Item text</span></li>
<li><span>Item text</span></li>
<li><span>Item text</span></li>
<li><span>Item text</span></li>
<li><span>Item text</span></li>
<li><span>Item text</span></li>
<li><span>Item text</span></li>
</ol>