html - 在 li-style-element 上添加额外的空间

Question

HTML:

<ul>
    <li>eins</li>
    <li>zwei</li>
    <li>drei</li>
</ul>

CSS:

li::before {
  content: "– " " ";
}
li {
  list-style: outside none none;
  padding: 0 0 0 10px;
  text-indent: -10px;
}

我想在每个 li 的 - 之后添加一个额外的空格。我试过了:

content: "- "

但它不起作用。我怎样才能添加这个。

谢谢 托马斯

Answer 1

您可以通过向其添加 padding-right 来调节空间。

像这样

li::before {
  content: "+";
  padding-right: 10px;
}
li {
  list-style: outside none none;
  padding: 0 0 0 10px;
  text-indent: -10px;
}

<ul>
    <li>eins</li>
    <li>zwei</li>
    <li>drei</li>
</ul>