Css 为什么'；向量和文本是否在导航栏中垂直对齐？

我正在用HTML编写导航栏。我不明白为什么元素在导航栏中排列不整齐

正文{
背景色：#ECEFF1；/*蓝灰色50*/
字体系列：“Roboto”，无衬线；
保证金：0；
}
#标题{
背景色：#ba68c8；/*紫色300*/
颜色：#ffffff；/*白色*/
高度：24px；
填充：8px；
}
.标题链接{
字体大小：24px；
文字装饰：无；
}

---

是

垂直对齐：中间标题链接类的选项？
可以添加
显示：表格单元格结合
垂直对齐：中间如果进一步匹配您想要的外观。
您可以做的是将标题链接字体大小减少到20px，并将其设置为绝对位置

.header-link {
    font-size: 20px;
    text-decoration: none;
    position: absolute;
}

或者，如果你想保持24px的尺寸，你最好给它的利润上限：-5px也

.header-link {
    font-size: 24px;
    text-decoration: none;
    position: absolute;
    margin-top: -5px;
}

你希望这是什么样子？我看不出什么意外。