图标样式与图标类别具有不同的结果

Question

我正在尝试在我的网站中使用Font-Awesome图标。

我有以下HTML：

<a href="some-link"><center><h2><i class = "fa fa-hdd-o" style = "color:black;vertical-align:middle;font-size:40px"></i> Mining Rig Building Service</h2></center></a>

这就是我想要它的样子，它也是元素样式的外观：

这与我使用时的结果不同：

<a href="some-link"><center><h2><i class = "fa fa-hdd-o icon-40" style = "color:black;"></i> Mining Rig Building Service</h2></center></a>

在我的样式表中使用它：

.icon-40 {
    font-size: 40px;
    vertical-align: middle;
    }

此处图标未正确对齐：

如果我将课程设置为icon-40 fa fa-hdd-o而不是fa fa-hdd-o icon-40，我会得到相同的结果（带有未对齐的图标）。

如何对齐此图标？我想使用类而不是直接元素样式，因为我将有很多类似的图标，我不想对所有这些使用元素样式。

Answer 1

我没有看到任何问题，看起来像你的例子，内联 - http://jsfiddle.net/G29Tw/

<a href="some-link"><center><h2><i class = "fa fa-hdd-o" style = "color:black;vertical-align:middle;font-size:40px"></i> Mining Rig Building Service</h2></center></a>