【发布时间】：2020-12-30 11:49:47
【问题描述】：
我有一些简单的代码，其中包括来自 FontAwesome 的两个字体图标。
它们在我的浏览器中呈现如下：
请注意，虽然两个元素的高度都是 16 像素，但两个图标没有垂直对齐，日历的位置低于
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet"/>
<link href="https://pro.fontawesome.com/releases/v5.15.1/css/all.css" rel="stylesheet"/>
<p>
<i class="fad fa-times-hexagon text-danger fa-fw"></i>
<i class="fad fa-fw fa-calendar"></i>
</p>我可以在六边形上使用bottom: -1px;“修复”，但有没有更好的方法来对齐基线？
【问题讨论】：
标签： font-awesome vertical-alignment font-awesome-5