html - 如何使用 HTML/CSS 删除边框和列表之间的空格？

Question

我想删除边框左侧和无序列表之间的空格。

在右侧，列表和边框之间几乎没有任何空间；这也是我希望它位于左侧的方式。

ul {
  display: inline-block;
  border: 5px solid red;
  padding: 1px;
}

<ul>
  <li>Kilimanjaro</li>
  <li>Table Mountain</li>
  <li>Matterhorn</li>
  <li>Denali</li>
  <li>Cerro Torre</li>
</ul>

Answer 1

您还必须为 li 设置填充。

li{
  padding:0.125em;
}