Html 动态右对齐自定义OL标记

有没有一种方法可以在不硬编码左边距的情况下获得与此等价的内容

ol.a{
列表样式类型：无；
计数器重置：项目；
显示：内联块；
保证金：0；
填充物：5px；
边框：1px纯黑；
}
奥利{
反增量：项目；
左边距：40px；/*如何避免硬编码*/
}
奥利：以前{
内容:""柜台(项目)":"；
位置：绝对位置；
左边距：-1000px；/*这些也很难，但它们可以大得可笑，没有问题（只要我不想应用背景，我想…）*/
宽度：995px；
显示：块；
文本对齐：右对齐；
}

范例
范例
计数器重置：第9项“>示例
范例
计数器重置：第99项“>示例
范例

将您的风格替换为：

ol.a{
列表样式类型：无；
计数器重置：项目；
保证金：0；
填充物：5px；
显示：表格；
表布局：固定；
边框：1px纯黑；
}
奥利{
反增量：项目；
显示：表格行；
}
奥利：以前{
内容:""柜台(项目)":"；
文本对齐：右对齐；
显示：表格单元格；
填充：0 10px；
}

查看已接受答案的第二个片段我希望我的问题措辞更好，我可能会先找到那篇文章。