Html 精确安装定制子弹

由于

ul

不支持带破折号的列表，我创建了一个类

dash

，该类删除

list style

并在前面插入一个en破折号，如下所示

<style>
ul.dash{list-style:none}
ul.dash>li:before{content:"\2013"}
</style>

ul.dash{列表样式：无}
ul.dash>li:在{内容：“\2013”}之前

我编写了以下代码

<ul><li>This is a sentence.</li></ul>
<ul class="dash"><li>This is a sentence.</li></ul>
<ul style="list-style:circle"><li>This is a sentence.</li></ul>
<ul style="list-style:square"><li>This is a sentence.</li></ul>

这是一个句子。 这是一个句子。 这是一个句子。 这是一个句子。 在这里，我想精确地排列这四个列表。除了第二个，其他人都是本地人。我试图微观管理

填充

和

边距

设置，但找不到默认数字。谢谢。

我认为（据我所知）没有任何方法可以将其完美对齐。但在这里，我尝试将其设置为

位置：绝对你可以检查下面的小提琴


ul.dash{list style:none；}
ul.dash>li:在{内容：“\2013”；页边距右侧：10px；}
保险商实验室{
位置：相对位置；
浮动：左；
宽度：100%；
}
李{
位置：绝对位置；
}
李大胜先生{
左：23px；
}
这是一个句子。
这是一个句子。
这是一个句子。
这是一个句子。