如何在HTML列表中居中显示项目符号?

如何在HTML列表中居中显示项目符号?,html,list,Html,List,我在客户网站上有以下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; }

我在客户网站上有以下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;
}
  • 业主自用贷款物业
  • 投资贷款
  • 第一个购房者
  • 再融资
ul.new{ 文本对齐:居中; }

我想把要点放在中间。你能帮我吗?谢谢。

如果您添加
列表样式位置:内部
进入
.new
,如下所示:

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

它将使列表和项目符号居中。但是,我不知道这是你希望它们居中的方式,还是希望子弹对齐在一起。我会留下一个链接,以便您查看。

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

ul.new {
    list-style-position: inside;
    margin: 0 auto;
    position: relative;
    text-align: left;
    width: 400px;
}

可能是HTML书籍或参考资料中的副本?谢谢Kevin。对耽搁表示歉意。是的,我想把子弹垂直对齐。