如何在HTML图像的中间垂直对齐某些文本？

Question

我有这个： http://jsfiddle.net/8KWtH/

我想移动＆gt;所以它位于两幅图像的垂直中间。

我该怎么做？

Answer 1

使用line-height来完成此任务：

<span style="font-size: 34px;line-height: 79px;"> &gt; </span>

修改
由于图像的性质，您需要使用vertical-align来完成此任务：

<div style="float: left;">
<img src="http://www.lokeshdhakar.com/projects/lightbox2/images/image-2.jpg" style="width: 60px; height: 79px;vertical-align: middle;">
<span style="font-size: 34px;"> &gt; </span>
<img src="http://www.lokeshdhakar.com/projects/lightbox2/images/image-2.jpg" style="width: 60px; height: 79px;vertical-align: middle;">
</div>

Answer 2

您可以将图片设置为vertical-align:middle;，但这会使＆gt;从中间开始。所以它仍会上升一点 例如：http://jsfiddle.net/8KWtH/14/

---

将垂直对齐应用于跨度也是完美的 例如：http://jsfiddle.net/8KWtH/22/

Answer 3

我首先使用以下代替＆gt;。

>

Answer 4

我掏出了here

从我所看到的，它基本上是对其他答案的变化，但它完成了工作