List 设置列表样式以替代Unicode，can'；我不能把它对齐_List_Unicode_Styles

List 设置列表样式以替代Unicode，can'；我不能把它对齐

list unicode

List 设置列表样式以替代Unicode，can'；我不能把它对齐,list,unicode,styles,List,Unicode,Styles,我在Stackoverflow上读过6到7个不同的线程，专门讨论用Unicode符号替换标准列表项目符号。每件事都按它应该做的去做，但我不能让它对齐。谢谢你的帮助 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta content="text/html; charset=us-

我在Stackoverflow上读过6到7个不同的线程，专门讨论用Unicode符号替换标准列表项目符号。每件事都按它应该做的去做，但我不能让它对齐。谢谢你的帮助

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

<html>
<head>
    <meta content="text/html; charset=us-ascii"
          http-equiv="Content-Type">

    <title>Stylin&rsquo; Lists</title>
    <style type="text/css">

    ul {
    list-style: none;
    margin-left: 0px;
    padding-left: 20px;
    text-indent: -20px;}

    li {padding-left: 20px;}

    li:before {
    content: "\25AC";
    padding-right: 10px;
    color: DODGERBLUE;}

    </style>
</head>

<body>
    <h2>Stylin&rsquo; Lists</h2>

    <div style=
    "font-family: Helvetica, Sans-Serif; font-size: 16px; line-height: 18px; font-weight: Bold;">
    <ul>
            <li>Lorem ipsum dolor sit amet, consectetuer adipiscing
            elit. Quisque sed felis.</li>

            <li>Etiam augue pede, molestie eget, rhoncus at,
            convallis ut, eros. Aliquam pharetra. Nulla in tellus
            eget odio sagittis blandit. Aliquam sit amet felis.
            Mauris semper, velit semper laoreet dictum, quam diam
            dictum urna, nec placerat elit nisl in quam. Etiam
            augue pede, molestie eget, rhoncus at, convallis ut,
            eros. Aliquam pharetra. Nulla in tellus eget odio
            sagittis blandit. Maecenas at nisl. Nullam lorem mi,
            eleifend a, fringilla vel, semper at, ligula.</li>

            <li>Molestie eget, rhoncus at, convallis ut, eros.
            Semper laoreet dictum, quam diam dictum urna, nec
            placerat elit nisl in quam. Aliquam pharetra. Nulla in
            tellus eget odio sagittis blandit. Maecenas at nisl.
            Nullam lorem mi, eleifend a, fringilla vel, semper at,
            ligula. Consectetuer adipiscing elit. Quisque sed
            felis.</li>

            <li>Placerat elit nisl in quam. Nullam lorem mi,
            eleifend a, fringilla vel, semper at, ligula. Etiam
            augue pede, molestie eget, rhoncus at, convallis ut,
            eros. Aliquam pharetra. Nulla in tellus eget odio
            sagittis blandit. Maecenas at nisl.</li>
        </ul>
    </div>
</body>
</html>


Stylein；列表
保险商实验室{
列表样式：无；
左边距：0px；
左侧填充：20px；
文本缩进：-20px；}
li{padding left:20px；}
李：以前{
内容：“\25AC”；
右边填充：10px；
颜色：道奇蓝；}
Stylein；列表

Lorem ipsum dolor sit amet，Concertetuer Adipising
精英。征服了猫科动物
Etiam augue pede，molestie eget，rhoncus at，
康瓦利斯，厄洛斯。阿利奎姆·法雷特拉。泰勒斯的纳拉
慈悲树。阿利奎姆坐在阿梅特猫旁边。
毛里斯·森佩尔，维利特·森佩尔·拉奥里特·迪姆
这句话的意思是：我不知道该怎么说。艾蒂安
奥古斯·佩德、莫莱斯蒂·埃吉特、朗卡斯·艾特、康瓦利斯·尤特、，
厄洛斯。阿利奎姆·法雷特拉。tellus eget odio中的Nulla
慈姑。nisl的梅塞纳斯。纳拉姆·洛雷姆·米，
埃利芬德a，弗林利亚维尔，塞佩尔at，叶舌
莫莱斯蒂·埃吉特，朗卡斯·艾特，康瓦利斯·尤特，厄洛斯。
内华达州第二大城市
把Elite nisl放在quam。阿利奎姆·法雷特拉。空值
箭矢状体。nisl的梅塞纳斯。
诺勒姆·洛勒姆·米、埃利芬德·a、弗林利亚·维尔、森佩尔·阿特、，
舌苔。献祭者，献祭精英。征服者
菲利斯
把Elite nisl放在quam。纳拉姆·洛雷姆·米，
埃利芬德a，弗林利亚维尔，塞佩尔at，叶舌。艾蒂安
奥古斯·佩德、莫莱斯蒂·埃吉特、朗卡斯·艾特、康瓦利斯·尤特、，
厄洛斯。阿利奎姆·法雷特拉。tellus eget odio中的Nulla
慈姑。nisl的梅塞纳斯

我不是css/html专家，但这个问题会影响缩进字符宽度；页面使用

内容“\25AC”进行合理呈现；右侧填充：4px或例如内容：“=”；右边填充：10px