如何均匀分配空间<；李>；使用Flexbox的导航栏中的项目？HTML

我试图为一个投资组合网站创建一个简单的导航栏。下面是我的HTML和CSS。我不知道如何将“li”项均匀地隔开。我无法将合理的内容：空格均匀地应用于UL，因为相同的代码正在应用于''div class=“headerContainer''

.headerContainer{
显示器：flex；
背景颜色：浅蓝色；
证明内容：之间的空间；
对齐项目：居中；
}
保险商实验室{
列表样式类型：无；
显示器：flex；
}
李阿{
文字装饰：无；
}

罗伯特·埃米特

.headerContainer{
显示器：flex；
背景颜色：浅蓝色；
证明内容：之间的空间；
对齐项目：居中；
}
保险商实验室{
列表样式类型：无；
显示器：flex；
宽度：100%；
对正内容：空间均匀；
}
导航{
宽度：100%；
}

罗伯特·埃米特

.headerContainer{
显示器：flex；
背景颜色：浅蓝色；
证明内容：之间的空间；
对齐项目：居中；
}
保险商实验室{
列表样式类型：无；
显示器：flex；
宽度：100%；
对正内容：空间均匀；
}
导航{
宽度：100%；
}

罗伯特·埃米特

嘿，谢谢，这就是我一直在寻找的。我想我需要将宽度添加回导航元素？？是的，它是必需的。请对此答案进行向上投票，然后选择灰色复选标记将其标记为已解决。嘿，谢谢，这就是我一直在寻找的。我想我需要将宽度添加回导航元素？？是的，它是必需的。请向上投票然后选择灰色复选标记将其标记为已解决。