行中的HTML子弹点不是垂直的

Question

你如何做到这一点，这样的要点（HTML）：

• BP1 BP2 BP3 BP4

而不是这个

• e.g
• e.g

我尝试了不同的事情，没有任何工作。

非常感谢任何帮助。

感谢。

Answer 1

HTML：

<ul>
  <li>BP1</li>
  <li>BP2</li>
  <li>BP3</li>
</ul>

CSS：

ul {
  list-style: none;
}

li {
  display: inline-block;
}

li:first-child::before {
  content: "•";
  margin-right: .5em;
}

Answer 2

我认为这就是你要找的东西？

HTML：

<ul>
  <li>Bp1</li>
  <li>Bp2</li>
  <li>Bp3</li>
  <li>Bp4</li>
</ul>

CSS看起来应该是这样的：

ul li{
  display:inline;
}

li::before {
 content: '\25cf\a0';
}

看看这个小提琴，看看结果：jsfiddle