Javascript 项目之间的Flexbox内容空间分布不均匀

我有一个带flexbox的导航条。我使用了

justify content:space-between

，但似乎项目分布不均匀，因为中心项目有点在左侧。我有什么遗漏吗？对不起，问了个基本问题

及

代码笔：

*{
框大小：边框框；
填充：0；
保证金：0；
背景色：#e2dfe3；
}
.标志{
高度：85px；
宽度：85px；
显示：内联块；
光标：指针；
背景：url（'https://dummyimage.com/400x400/000/fff")不重复;；
背景尺寸：包含；
}
.徽标：悬停{
背景：url（'https://dummyimage.com/400x400/000/ffff")不重复;；
背景尺寸：包含；
}
锂，
A.
钮扣{
字体系列：PT Sans，Sans serif；
字体大小：粗体；
字号：18px；
颜色：黑色；
文字装饰：无；
}
标题{
显示器：flex；
证明内容：之间的空间；
对齐项目：居中；
填充：30px 10%；
}
美国海军{
列表样式：无；
}
李国荣先生{
填充：0px 40px；
显示：内联块；
}
李丽娜先生{
转换：所有0.3秒到0秒；
}
.nav ul li a:悬停{
颜色：矢车菊蓝；
}
钮扣{
填充：9px 25px；
背景颜色：矢车菊蓝；
边界：无；
边界半径：50px；
光标：指针；
转换：所有0.3秒到0秒；
}
按钮：悬停{
颜色：白色；
}

接触

有一个空的

标签占用了一些空间。它应该从HTML中删除，或者应该包装
按钮
。其他一切都很完美

<a class="nav-button" href="#">
    <button>Contact</button>
</a>


使用
标签内的
联系人
。
您还可以使用
对齐内容：均匀间隔以防你想均匀地填满空间。
哦，我现在看到了。谢谢你的帮助。我很感激你一直在努力找出我错过了什么。我的错。