html 中 header 个容器的导航文本

Nav text going over header container in html

总的来说,我是 HTML 和 CSS 的新手。我试图在我的 header 容器中包含导航链接,但文本翻转了。

CSS

HTML

Output

文本应该在深蓝色内。如果我编辑 CSS 并擦除 header 容器的 400% 的 line-height,它就可以完成工作,但我需要该属性。提前谢谢你。

将其中之一添加到导航:

display: inline-block;
display: inline-flex;
or
display: inline-table;