Html 如何使导航栏菜单与徽标对齐？

这是小提琴：

---

有类似的问题建议将display设置为

inline block

，但我已经这样做了。我的容器是

col-1

。我也试着给我的

logo

设置了

float:left

类，但是菜单偏离了中心（可能左边距从logo的末尾开始？）。

改用display:flex。如果希望项目居中，请尝试对齐项目：居中，对齐项目：居中。有关更多信息，请参阅

*{
框大小：边框框；
保证金：0；
填充：0；
}
锂，
A.
钮扣{
字体系列：“Elliot Sans”，无衬线；
字体大小：300；
字体大小：14px；
颜色：#777777；
文字装饰：无；
}
#包装纸{
利润率：0.15px；
填充：15px0；
位置：相对位置；
}
.行{
最大宽度：65%；
保证金：0自动；
填充：75px0；
位置：相对位置；
}
.col-1{
宽度：100%；
填充：20px；
显示器：flex；
}
#标题{
高度：71px！重要；
溢出：可见；
z指数：9999；
宽度：100%；
位置：绝对！重要；
}
#标题行{
填充：0；
}
#标题ul{
文本对齐：居中；
}
.标志{
宽度：150px；
高度：自动；
光标：指针；
右边距：自动；
背景色：继承；
显示：内联块；
垂直对齐：中间对齐；
}
#顶导航栏{
列表样式：无；
保证金：0；
背景色：#ffffff；
}
保险商实验室{
显示器：flex；
}
#托普纳瓦巴利{
显示：内联块；
填充：0px 20px；
背景色：继承；
垂直对齐：中间对齐；
}
#托普纳瓦巴利阿{
过渡：所有0.2秒到0秒；
字体大小：400；
文本转换：大写；
}
#顶部导航栏李a：悬停{
颜色：#04ad9e；
文字装饰：无；
垫底：4px；
边框底部：3px实心#04ad9e；
}

标题