Html 将项目符号图标更改为双引号

我有一个HTML的列表。 现在我想将项目符号图标更改为双引号图标

我发现这很有趣

因此，我有如下代码：

李：以前{ 列表样式：无； 内容：\00BB； } 一些文本 一些文本 一些文本 一些文本 一些文本 一些文本 一些文本 您正在对伪元素而不是li元素应用列表样式特性。对于双引号对齐，可以使用以下绝对定位：

.列表样式{ 列表样式：无； 左侧填充：1.5em； } 李先生{ 位置：相对位置； } 李：以前{ 内容：\00BB； 位置：绝对位置； 右：100%； 宽度：1.5em； 文本对齐：居中； } 第二行的一些文本 一些文本 一些文本 一些文本 一些文本 一些文本 一些文本 您正在对伪元素而不是li元素应用列表样式特性。对于双引号对齐，可以使用以下绝对定位：

.列表样式{ 列表样式：无； 左侧填充：1.5em； } 李先生{ 位置：相对位置； } 李：以前{ 内容：\00BB； 位置：绝对位置； 右：100%； 宽度：1.5em； 文本对齐：居中； } 第二行的一些文本 一些文本 一些文本 一些文本 一些文本 一些文本 一些文本

---

可以通过执行以下操作更改项目符号：

保险商实验室{ 列表样式：无； 左侧填充：0px； } 李：以前{ 内容：\00BB； } 文本 文本

---

可以通过执行以下操作更改项目符号：

保险商实验室{ 列表样式：无； 左侧填充：0px； } 李：以前{ 内容：\00BB； } 文本 文本

---

这将防止新的线条缠绕在项目符号下面：

.listStyle li {
    list-style: none;
}
.listStyle li:before {
  display: inline-block;
  width: 1em;
  margin-left: -1em;
  content: "\00BB";
}

---

这将防止新的线条缠绕在项目符号下面：

.listStyle li {
    list-style: none;
}
.listStyle li:before {
  display: inline-block;
  width: 1em;
  margin-left: -1em;
  content: "\00BB";
}

---

谢谢你的帮助。我仍然存在的问题是文本与列表图标对齐。但是，当需要换行时，列表图标必须位于左侧文本的旁边。我将更新我的帖子，以显示我需要什么来避免在元素中添加填充，并在伪元素中添加负边距work@jublikon我用双引号的解决方案更新了答案alignement@jublikon我在ul元素的左侧添加了一些空格，并在pseudo元素和文本对齐：居中；对我来说很好！谢谢你谢谢你的帮助。我仍然存在的问题是文本与列表图标对齐。但是，当需要换行时，列表图标必须位于左侧文本的旁边。我将更新我的帖子，以显示我需要什么来避免在元素中添加填充，并在伪元素中添加负边距work@jublikon我用双引号的解决方案更新了答案alignement@jublikon我在ul元素的左侧添加了一些空格，并在pseudo元素和文本对齐：居中；对我来说很好！非常感谢。