Html 同一div类中元素之间的间距

因此，我只使用html和css制作导航栏（没有JQuery），我注意到应用字体样式的css只影响左侧的“TAC”，而不影响右侧的元素。此外，我需要让每个单词（它们在列表中）之间有一个空格，它们在同一个div类中。 我的代码在图片下方

会计中心
身体{
填充：0；
保证金：0；
}
navbar先生{
位置：固定；
显示器：flex；
证明内容：中心；
对齐项目：居中；
弯曲方向：行；
柔性包装：包装；
背景色：#d4d7de；
宽度：100%；
高度：70像素；
z指数：1；
}
.导航{
显示器：flex；
证明内容：正确；
列表样式：无；
利润率：15px；
颜色：#000；
文字装饰：无；
文本转换：大写；
}
.标志{
flex:1自动；
左边距：10%；
文本转换：大写；
字母间距：1px；
字体大小：粗体；
字体大小：35px；
利润率：15px；
颜色：#000；
文字装饰：无；
文本转换：大写；
}








使用引导网格系统并在等大小div中分配每个元素。然后可以使用填充，以便在元素之间留有空间
 一个“a”元素具有您需要覆盖的初始样式

此外，还需要修复HTML。id=“home”后面有一个错误的“1”，您需要添加“>”以关闭开始的div元素

试试这个：



会计中心
身体{
填充：0；
保证金：0；
}
navbar先生{
位置：固定；
显示器：flex；
证明内容：中心；
对齐项目：居中；
弯曲方向：行；
柔性包装：包装；
背景色：#d4d7de；
宽度：100%；
高度：70像素；
z指数：1；
}
.导航{
显示器：flex；
证明内容：正确；
列表样式：无；
利润率：15px；
}
.导航a{
颜色：#000；
文字装饰：无；
文本转换：大写；
填充：0 1rem；
}
.标志{
flex:1自动；
左边距：10%；
文本转换：大写；
字母间距：1px；
字体大小：粗体；
字体大小：35px；
利润率：15px；
颜色：#000；
文字装饰：无；
文本转换：大写；
}










您有无效的已断开的html。请把它修好。此外，您还可以使用“代码片段”按钮在堆栈流中创建可运行的代码，这是最后一个按钮，背景为黑色。
。它有什么无效/损坏的地方？它运行，还添加了可运行代码的东西