Css Ul li，子弹由以下材料制成：在“之前”如何缩进文本的第二行

我有一个多达四个子级别的列表。子弹由：before制成。 我很难把第二行文字和第一行文字对齐

我尝试过如下设置填充和文本缩进：

ul {
  padding-left: 1em;
  text-indent: -1em;
}

-但它不起作用。设置

列表样式位置：外部
似乎也不起作用

这里

有什么想法吗？
最好使用
position:absolute
而不是
float
来对齐项目符号


菜单{
宽度：250px；
}
ul.nav>li>a{
位置：相对位置；
}
/*一级*/
ul.nav>li>a：之前{
位置：绝对位置；
字体系列：“字形图标半身人”；
字体大小：7px；
颜色：#901a1e；
内容：“\e080”；
边框：1px实心#d7d7；
左：0；
顶部：13px；
}
/*次级*/
ul.nav>li ul li>a{
显示：内联块；
垂直对齐：顶部；
左侧填充：10px；
位置：相对位置；
}
在那之前{
位置：绝对位置；
字体大小：9px；
颜色：#901a1e；
内容：“\25A0”；
左：0；
顶部：3px；
}
ulli{
列表样式类型：无；
}
































最好使用
位置：绝对
而不是
浮动
来对齐项目符号


菜单{
宽度：250px；
}
ul.nav>li>a{
位置：相对位置；
}
/*一级*/
ul.nav>li>a：之前{
位置：绝对位置；
字体系列：“字形图标半身人”；
字体大小：7px；
颜色：#901a1e；
内容：“\e080”；
边框：1px实心#d7d7；
左：0；
顶部：13px；
}
/*次级*/
ul.nav>li ul li>a{
显示：内联块；
垂直对齐：顶部；
左侧填充：10px；
位置：相对位置；
}
在那之前{
位置：绝对位置；
字体大小：9px；
颜色：#901a1e；
内容：“\25A0”；
左：0；
顶部：3px；
}
ulli{
列表样式类型：无；
}
































在
:before
上使用与
a
元素相同的
行高

请参阅代码片段：


菜单{
宽度：250px；
}
/*一级*/
ul.nav>li>a：之前{
浮动：左；
保证金：3px6px4p0；
字体系列：“字形图标半身人”；
字体大小：7px；
颜色：#901a1e；
内容：“\e080”；
边框：1px实心#d7d7；
}
/*次级*/
在那之前{
浮动：左；
右边距：6px；
字体大小：9px；
颜色：#901a1e；
内容：“\25A0”；
线高：16px；
}
ulli{
列表样式类型：无；
}
ullia{
线高：16px；
}
































在
:before
上使用与
a
元素相同的
行高

请参阅代码片段：


菜单{
宽度：250px；
}
/*一级*/
ul.nav>li>a：之前{
浮动：左；
保证金：3px6px4p0；
字体系列：“字形图标半身人”；
字体大小：7px；
颜色：#901a1e；
内容：“\e080”；
边框：1px实心#d7d7；
}
/*次级*/
在那之前{
浮动：左；
右边距：6px；
字体大小：9px；
颜色：#901a1e；
内容：“\25A0”；
线高：16px；
}
ulli{
列表样式类型：无；
}
ullia{
线高：16px；
}
































下面的代码应该有效：


菜单{
宽度：250px；
}
保险商实验室{
列表样式：无；
}
/*设置