Html 如何在标题导航栏上添加空格键

所以我制作了一个导航栏和一个分区列表，我成功地做到了，但唯一的问题是列表没有间隔。我该如何解决这个问题

标题{
宽度：100%；
高度：80px；
位置：固定；
排名：0；
左：0；
背景：白色；
盒影：0 32px 55px rgba（0,0,0,0.5）；
z指数：999；
}
标题导航{
浮动：无；
利润率：30像素；
}
标题nav ul li{
显示：内联块；
}
标题nav ul li a{
字体大小：16px；
}

只需为

li

标记添加边距，如下所示：

标题{
宽度：100%；
高度：80px；
位置：固定；
排名：0；
左：0；
背景：白色；
盒影：0 32px 55px rgba（0,0,0,0.5）；
z指数：999；
}
标题导航{
浮动：无；
利润率：30像素；
}
标题nav ul li{
显示：内联块；
边际：0.16px；
}
标题nav ul li a{
字体大小：16px；
}

在“#nav main”id下的锚定标记CSS中添加“左填充”和“右填充”。请更新以下锚定CSS：

header nav ul li a  {
    font-size:16px;
    padding-left: 30px;
    padding-right:30px; }

---

如果要在导航栏上均匀显示，并对屏幕做出响应，请尝试使用：

<ul id="even-space">
    <li>..</li>
    ..
</ul>

---

哇，那个缩进…非常感谢你！

#even-space {
    display: flex;
    justify-content: space-between;
}