Css 用字体垂直对齐图标

这应该很简单： 我尝试将每个图标与底部对齐，但我只能使用其中的两个图标

html:

---

演示：

问题是每个元素上的垂直填充超出了我们的控制范围，因为它是一种图标字体。唯一的方法是手动操作。将它们调整到您想要的大小，然后使用

position:relative

和

top

它们与底部对齐……只是其中一些在下面比其他的有更多的垂直空间。像字母一样。您可以尝试更改此字体：d非常感谢您的帮助：）

<i class="fa-desktop fa"></i>
<i class="fa-laptop fa"></i>                
<i class="fa-tablet fa"></i>
<i class="fa-mobile fa"></i>

i {
    font-size: 200px;
    vertical-align:bottom;
}
.fa-laptop {
    font-size:120px
}