Html 将文本居中放置在浮动元素之间

我正在为我的网站制作一个导航栏。导航栏包含一个菜单图标、一个标题“评论”和一个搜索图标。图标需要与边框保持3%的距离。问题是我不知道如何将文本居中。我认为问题在于浮动元素，我不知道如何将浮动元素居中于其他元素之间（在本例中为两个图标）。我希望有人能给我一个答案：）

结果是：

*{
填充：0px；
边际：0px；
}
#导航{
宽度：94%；
背景颜色：蓝色；
利润率：3%；
}
menuButton先生{
浮动：左；
}
#导航h1{
浮动：左；
}
.搜索按钮{
浮动：对；
}

评论
评论。

这是您期望的输出吗

*{
填充：0；
保证金：0；
}
#导航{
宽度：100%；
背景颜色：蓝色；
利润率：3%；
}
menuButton先生{
浮动：左；
}
.搜索按钮{
浮动：对；
}
.a{
文本对齐：居中；
}

评论
评论。

您可以使用flex-boxmodel和页边距：

*{
填充：0px；
边际：0px；
}
#导航{
宽度：94%；
背景颜色：蓝色；
/*见中间*/
背景图像：线性梯度（向右，透明50%，rgba（0,0,0,0.5）50%）；
利润率：3%；
显示器：flex；
证明内容：中心；
}
menuButton先生{
浮动：左；
保证金：自动0；
}
#导航h1{
浮动：左；
}
.搜索按钮{
保证金：自动0自动；
}

评论
评论。

不完全正确，搜索按钮现在位于“评论”文本和菜单图标下。我希望这三个元素与“评论”连成一行，文本居中于两个图标之间。你能分享你的完整代码吗？这样我就可以知道你在哪个屏幕上查看网站的问题。我在问题中发送了完整的代码。我正在我的iMac上浏览网站。你有没有搜索按钮的填充或空白？解释下一票和哪里不起作用，让你的下一票有用。我可能误解了这个问题，但照现在的情况，我会把答案放在网上。thanks@Soccerlife，没问题，我知道它有效。你能接受其中一个答案吗（两个都像你说的那样有效）或者至少向那些帮助你的人投票吗？我是StackOverflow的新手，我不知道该怎么做，@Soccerlife你有一个带有上下箭头的数字，可以让你向上或向下投票一个答案或一个问题。如果你问了一个问题，你也应该在答案旁边放一些东西来接受它，或者选择一个你选择的答案来回答你的问题。您只能接受/选择一个。你可以对每个答案投票一次。您还可以取消/删除您的投票，再次单击它。：）好的谢谢你，我还没看到这个选择，因为我只有六个东西哈哈