HTML 去除<ul>項目清單的黑色圓點及縮排 remove <ul> list's bullet and indent

HTML的清單<ul>除去預設的黑點及縮排效果的方式如下。

除去黑點(bullets)可在<ul>加上style="list-style: none;"。

ul { list-style: none; }

除去縮排(indent)可在<ul>加上style="padding-left: 0;"。

ul { padding-left: 0; }

例如下面以行內樣式同時去除黑點及縮排。

<ul style="list-style:none; padding-left:0;">
  <li>早餐</li>
  <li>午餐</li>
  <li>晚餐</li>
</ul>

移除後效果如下。

• 早餐
• 午餐
• 晚餐

參考：

• How to remove indentation from an unordered list item?
• Generated content, automatic numbering, and lists - list-style
• The ul element