CSS:垂直对齐文本？

Question

我使用以下HTML:

<p><a href="http://www.example.com/">&larr; Back</a></p>

要创建以下内容:

←返回

问题是,左箭头没有在中间垂直对齐.它似乎处于较低的第3位.

问题:如何使用CSS使左箭头在中间(字母"B")垂直对齐？

---

更新:

我可以垂直调整/对齐这个:

1. 不修改我的HTML,和
2. 没有使用图像？

Answer 1

箭头是一个简单的人物,所以它的其他人(像排列是在"中间",字体的创建者希望它是它在哪里......也许这是小写字符的中间).也许它使用另一种字体看起来不同,也许不是.如果你有一个固定的字体而且看起来很乱,你可以尝试使用:first-letter选择器(或用一个span或多个东西包裹箭头)将它向上移动1或2 px(position:relative: top:-2px;).

另一种解决方案是使用图像,就像大多数网站一样(并且有许多免费图标集 - 我最喜欢的是famfamfam)