解決html中ol ul li的默認往左偏移的樣式問題

在HTML中，有序列表(ol)和無序列表(ul)元素通常會默認有一定的內邊距(padding)和外邊距(margin)，這是由瀏覽器默認樣式表所定義的。這些內邊距和外邊距可能導致列表向左偏移，從而出現左邊超出的情況。

具體來說，ol和ul元素的默認樣式表通常會定義：

• padding-left：列表項左側的內邊距，默認爲 40px（不同瀏覽器可能略有不同）。
• margin-left：列表元素左側的外邊距，默認爲 0。

因此，當你在HTML中使用ol或ul元素時，它們的左邊可能會默認超出。

解決

/* 去掉有序列表和無序列表的默認樣式 */
ol, ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

/* 爲有序列表添加數字編號 */
ol {
  list-style-type: decimal;
  margin-left: 20px;
}

/* 爲無序列表添加實心圓點符號 */
ul {
  list-style-type: disc;
  margin-left: 20px;
}