css两个水平li元素间隔大

我们经常会在网站页面中使用列表来展示相关信息。在实现列表的过程中，我们经常需要让每个列表项之间有一定的间隔，以方便阅读和区分。在CSS中，我们可以通过设置li元素之间的margin来实现这一目的。 下面是一个简单的例子，展示如何让两个水平li元素之间产生一定的间隔：

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

li {
  display: inline-block;
  margin-right: 20px;
}

在上面的例子中，我们首先将ul元素的list-style、margin和padding属性都设置为0，以去掉默认的列表样式和间距。 然后，我们将li元素的display属性设置为inline-block，以让它们在水平方向上排列。最后，我们设置了margin-right属性为20px，这表示在每个li元素右侧都有20px的间距。 当我们应用上述CSS代码后，我们就可以在列表项之间看到一定的间距了。你可以根据实际需要调整margin-right属性的值来改变间距的大小。 总结起来，通过设置CSS中的margin属性，我们可以轻松地让列表项之间产生一定的间隔，以提高页面的可读性和美观度。