如何将项目符号中心放在HTML列表中？

Question

我在客户的网站上有以下HTML和CSS：

<ul class="new">
<li>OWNER OCCUPIED LOAN PROPERTY</li>
<li>INVESTMENT LOAN</li>
<li>FIRST HOME BUYER</li>
<li>REFINANCING</li>
</ul>

ul.new {
    text-align: center;
}

我想把要点放在中心位置。你能帮帮我吗？感谢。

Answer 1

如果您将list-style-position: inside;添加到.new，请执行以下操作：

ul.new {
  list-style-position: inside;
  text-align: center;
}

它将使列表以及子弹居中。但是，我不知道这是否是您希望它们居中的方式，或者您是否希望将子弹对齐在一起。我会留下example所以你可以看到。

Answer 2

请添加以下Css并检查您的输出。 我想你想要那个。

import b