如何在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;
}

它將使列表以及項目符號居中。 但是，我不知道這是否是您希望它們居中的方式，還是您希望子彈對齊。 我將舉一個例子，以便您看到。

Answer 2

請添加低於CSS並檢查您的輸出。 我想你想要那個。

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