Html 右对齐的自定义列表标题

我试图实现一个自定义列表，它看起来像普通的html列表，列表标题是右对齐的

p{填充：0；边距：0}

i

123

ii

一,

您可以将

文本对齐：右

与

方向：rtl

结合使用来更改文本方向

请参阅下文：

。文本方向{
方向：rtl；
文本对齐：右对齐；
}
p{
保证金：0
}

.ii
123456

.iii
123

如果是我，我希望保持语义正确。见下文

ol.special-list{
计数器重置：项目；
列表样式类型：无；
填充：0；
}
特别名单李：之后{
反增量：项目；
内容：“.”柜台（项目，上罗马）；
字号：600；
颜色：红色；
}

废话1
废话
废话3
废话废话4
废话5

我更新了我的问题，这是自定义列表，因此不允许使用li、ol、ul。为什么不允许使用列表元素？如果使用默认html列表，则不需要插入“.”。列表样式类型：lower roman将完成此工作。为什么不能将事件处理程序放在列表元素上？可能您的意图不明确，可能需要更多的描述，但您所显示的内容将在企业应用程序的代码审查中被拒绝。也许有更好的方法……你是对的，我可以在li上附加事件，但默认的html元素很难自定义。如自定义特定标题符号、更改颜色而不更改列表文本内容颜色等。有没有简单的方法？@Mengo，下面的解决方案是否适用于您的用例？@Mengo查看我的更新示例。默认元素仍然是您喜欢的任何显示类型，因为它仍然受制于CSS框模型（就像示例中的div和其他内容）。所显示的是提供的最干净、最兼容的示例…我认为这应该可行，我的工作页面中有一些问题，当超过容器宽度时，它会转到多行，但这可能是其他问题。