如何刪除 CSS 中不需要的清單縮排？

要消除縮進，請實作以下 CSS：

ul {
    padding: 0;
    list-style-type: none;
}

此程式碼會刪除任何填入可以存在於

中。元素並隱藏預設清單項目符號。

您可能之前嘗試將邊距和填充設為零，但僅此可能還不夠。透過將

上的兩個屬性設為零，並調整
• 的浮動和寬度屬性元素，您可以消除不需要的空間：

  ul {
      padding: 0;
      list-style-type: none;
  }
  
  li {
      float: none;
      width: auto;
  }

  登入後複製

  結合這些樣式更改，您可能需要調整父容器#info 的邊距或位置以實現所需的佈局。

  這是HTML/CSS 的修訂版本，其中包含建議的變更：

  <div>

  登入後複製

  #info {
    color: #FFFFFF;
    margin: 0 auto;
    border-radius: 10px;
    border-style: solid;
    border-width: 2px;
    border-color: #FFF;
    padding: 20px;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#333333), to(#cccccc));
    overflow: hidden;
  }
  
  ul {
      padding: 0;
      list-style-type: none;
  }
  
  li {
      float: none;
      width: auto;
  }

  登入後複製

  應用這些變更後，不需要的縮排應該消失，將清單項目與左邊緣對齊。