Html 获取导航栏列表项之间的空间

我正在尝试创建导航栏，但在列表项之间获取空间时遇到问题。我尝试使用

对内容进行调整：在
之间使用空格；但这并没有解决问题。我正在使用CSS flexbox，我就是这样做的：


.normen{
显示器：flex；
对齐项目：居中；
证明内容：之间的空间；
}
#标题{
背景色：黑色；
}
导航{
垫面：5rem；
显示器：flex；
证明内容：之间的空间；
对齐项目：居中；
文本转换：大写；
}
李阿{
颜色：红色；
}







.normen{
显示器：flex；
对齐项目：居中；
证明内容：之间的空间；
}
#标题{
背景色：黑色；
}
导航{
垫面：5rem；
显示器：flex；
证明内容：之间的空间；
对齐项目：居中；
文本转换：大写；
}   
李阿{
颜色：红色；
}
保险商实验室{
宽度：100%；
}






不确定需要多少空间，但flex嵌套太多，似乎没有必要。我删除了
nav
上的flex属性

您的html也无效，因为
ul
不能包含
div
标记

之前的问题是您嵌套了两个flex元素，使第二个元素成为第一个flex容器的flex子元素，并且第一个flex容器之间的内容空间有效地使您的第二个flex容器（第一个容器的flex子元素）宽度小于100%


.normen{
显示器：flex；
对齐项目：居中；
证明内容：之间的空间；
}
#标题{
背景色：黑色；
}
导航{
垫面：5rem；
文本转换：大写；
}
李阿{
颜色：红色；
}







只需为“.NorMenu”类设置
宽度：100%


.normen{
显示器：flex；
对齐项目：居中；
证明内容：之间的空间；
宽度：100%；
}
#标题{
背景色：黑色；
}
导航{
垫面：5rem；
显示器：flex；
证明内容：之间的空间；
对齐项目：居中；
文本转换：大写；
}
李{
填充：4px16px；
}
李阿{
颜色：红色；
}






只要加上margarin，我指的是保证金。例如
li{margin:0 10px；}
此外，div不能跟在
ul
后面。您的HTML无效。HTML无效。@Rob为什么在这种情况下HTML无效？将是因为在ul元素内有一个div？？？
ul
不能包含
div
@AlbertinoCarvalho是。只有
可以是
的孩子谢谢您的解释