Html 如何在水平无序列表之间插入空格

我正在努力使我的网站的顶部。我需要更多的间距之间的标志和名称的边界。我的CSS：

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

li {
float: left;
}

.list {
border-style: ridge;
border-color: green;
border-width: 25px;
}

我希望图像和名称之间有更多的空间，现在相隔大约一到两厘米。

您可以随时将其应用到您的徽标上。但是，请记住，不要让它在较小的屏幕上扰乱您的布局。

您可以始终使用它并将其应用到您的徽标上。但是，请记住，不要让它在较小的屏幕上扰乱您的布局。

使用 利润率：0.15px；（用于侧边距）或， 边距：15px 0：（用于顶部和底部边距）

但是，如果您想要边框和内容之间的空间，请使用填充

使用 利润率：0.15px；（用于侧边距）或， 边距：15px 0：（用于顶部和底部边距）

---

但是，如果您想要边框和内容之间的空间，请使用填充

使用“边距”属性在任何定义的边界之外的元素周围创建空间。有一些属性用于设置元素每一侧的边距（边距顶部、边距右侧、边距底部和边距左侧）

示例代码

div {
  margin-top: 100px;
  margin-bottom: 100px;
  margin-right: 150px;
  margin-left: 100px;
  }

li a {
  display: block;
  color: white;
  text-align: center;
  padding: 16px;
  text-decoration: none;
  }

如果要在元素内容周围或任何已定义边框内生成空间，请使用“padding”

示例代码

div {
  margin-top: 100px;
  margin-bottom: 100px;
  margin-right: 150px;
  margin-left: 100px;
  }

li a {
  display: block;
  color: white;
  text-align: center;
  padding: 16px;
  text-decoration: none;
  }

有关更多详细信息，请参阅以下链接

---

使用“边距”属性在任何定义的边界之外的元素周围创建空间。有一些属性用于设置元素每一侧的边距（边距顶部、边距右侧、边距底部和边距左侧）

示例代码

div {
  margin-top: 100px;
  margin-bottom: 100px;
  margin-right: 150px;
  margin-left: 100px;
  }

li a {
  display: block;
  color: white;
  text-align: center;
  padding: 16px;
  text-decoration: none;
  }

如果要在元素内容周围或任何已定义边框内生成空间，请使用“padding”

示例代码

div {
  margin-top: 100px;
  margin-bottom: 100px;
  margin-right: 150px;
  margin-left: 100px;
  }

li a {
  display: block;
  color: white;
  text-align: center;
  padding: 16px;
  text-decoration: none;
  }

有关更多详细信息，请参阅以下链接