项目符号列表 css答案

【问题标题】：Bullet list css项目符号列表 css
【发布时间】：2017-12-18 10:09:45
【问题描述】：

我正在尝试修改 WordPress https://www.willgo.fr/ 上的项目符号列表。我正在使用下面的 css，但项目符号没有对齐。

ul.special_bullet li {
  list-style: none!important;
}

ul.special_bullet li:before {
  color: #00b300;
  content: "\2022";
  float: left;
  overflow: hidden;
  position: relative;
  top: -15px;
  left: -5px;
}

你有什么建议吗？

【问题讨论】：

我建议放置一些指向在线 sn-p 的链接，而不是真实网页的 URL。人们可能不想关注他们不知道的页面的链接。您可以使用每个人都知道并使用的 JS fiddle (jsfiddle.net) 来分享一些您想要查看的代码。

标签： css wordpress bullet

【解决方案1】：

能击破你子弹的是top: -15px。我建议删除它。

【讨论】：

【解决方案2】：

我找到了解决方案，当我添加 . 所以我用了：

.special_bullet h3 {
  display: inline-block;
 }

【讨论】：