jquery - 使用垂直对齐 CSS 使导航链接看起来更好

Question

我的问题分为两部分。

1. 最重要的部分 - 我想垂直对齐该标题旁边的箭头。在左图(现在的样子)上，您可以看到它是底部对齐的，看起来不太好。

2. (可选)这是一个更宽泛的问题，我想我会抛出这个问题，因为无论如何我都需要第一部分的帮助...我可以做些什么来使箭头和标题看起来更好吗？也许是不同的字体，或者其他一些能让它看起来更好看的文字技巧？它现在的样子对我来说有些乏味，但我不确定如何改进它。

这是我的代码(基本主题是 bootstrap):

<h3>
    <small><i class="glyphicon glyphicon-chevron-left"></i></small> HEADING
</h3>

<div class="alert alert-info" role="alert">
    <span>This is an example of a text information box that will appear towards the top of the page.</span>
</div>

这是视觉指南:

干杯

Answer 1

<h3>
<small><i class="glyphicon glyphicon-chevron-left"></i></small> <span>HEADING</span>
</h3>

添加CSS

h3 span {
vertical-align:middle;
}