Html 为什么我的菜单不显示与代码相同的行？

我想把菜单与文字标识对齐。当我写菜单的时候，把它放下来，但没有把它和标志对齐。有人能帮我吗

nav{
宽度：1330px；
保证金：0px自动；
}
李国荣{
文本转换：大写；
显示：内联块；
颜色：白色；
浮动：对；
右边距：10px；
}

.logo cont{
显示：-网络工具包盒；
显示：-ms flexbox；
显示器：flex；
填充：50px0；
-webkit框大小：边框框；
框大小：边框框；
-webkit框对齐：居中；
-ms-flex-align：居中；
对齐项目：居中；
}
.商标（续）{
显示：-网络工具包盒；
显示：-ms flexbox；
显示器：flex；
-webkit框对齐：居中；
-ms-flex-align：居中；
对齐项目：居中；
文字装饰：无；
}
.商标（续）商标{
宽度：50px；
高度：50px；
-ms-flex阴性：0；
弹性收缩：0；
背景图像：url（../res/imgs/logo.svg）；
背景尺寸：包含；
背景位置：中心；
背景重复：无重复；
右边距：20px；
}
.logo cont.徽标文本{
字号：28px；
颜色：#E9DFF7；
字号：800；
显示：-网络工具包盒；
显示：-ms flexbox；
显示器：flex；
-webkit框对齐：结束；
-ms-flex-align：结束；
对齐项目：柔性端；
}
.logo cont.徽标文本.徽标圆点{
宽度：8px；
高度：8px；
背景色：#8E3BEB；
边界半径：100%；
左边距：3倍；
-webkit转换：translateY（-5px）；
transform:translateY（-5px）；
}

---

我想你在找这样的东西

nav{
 width: 1330px;
 display: flex;
 justify-content: space-between;
 align-items: center;
}

nav ul li{
 text-transform: uppercase;
 display: inline-block;
 color: white;
 margin-right: 10px;
}

<nav>
 <span class="logo">Logo</span>
 <ul>
  <li><a href="#">Despre noi</a></li>
  <li><a href="#">Servicii</a></li>
  <li><a href="#">Cere ofertă</a></li>
 </ul>
</nav>

nav{
宽度：1330px；
显示器：flex；
证明内容：之间的空间；
对齐项目：居中；
}
李国荣{
文本转换：大写；
显示：内联块；
颜色：白色；
右边距：10px；
}
标志

您也可以与我们分享您的标识HTML/CSS代码吗？是的，我只是在看。多谢各位@Popovicosmin Marian只需确保正确命名类，而不是使用html标记名进行样式设置。