错误的垂直对齐与字体真棒

Question

我正在呈现以下组件：

<a id="ember527" class="ember-view" href="#/billing"><i class="icon-euro icon-2x"></i>&nbsp;&nbsp;Billing</a>

它显示如下：

图标与文本对齐，但我希望它垂直居中。这可能吗？

编辑：看看这个jsfiddle

Answer 1

只需将其添加到您的css文件中：

.icon-euro {
    vertical-align:middle;
}

Answer 2

您可以尝试将图标设置为display: block;属性和`float：left;。

如果出于其他需要，您还需要调整“Billing”垂直对齐，您可以将其插入一个范围并给它相同的“display：block;”属性。

然后，玩顶部边距，然后你就可以了;）

希望它有所帮助，祝你好运！