css - 在两个 div html 之间添加文本

Question

我有一个 html 页面，其中显示了两个图像...我想在图像之间添加文本.. 目前图像显示如下

我想做这样的事情

如何在中间添加VS的文本或小图像。这是我在 jsfiddle 中的代码

http://jsfiddle.net/Gd5Bg/

我在这里写了一小段代码，因为堆栈不允许我在没有代码的情况下添加 jsfiddle 链接

 <div class="image-galery">
    <a class="group" rel="group1" href="img/4_b.jpg">
      <img src="img/4_b.jpg" />
    </a>
 </div>

Answer 1

<div class="span5 galery" style="float:left">
     .......
</div>
<div style="float:left;position:relative;top:150px;left:5px;">vs</div>
<div class="span5 galery" style="float:left">
     .......
</div>

Answer 2

把你的元素放在一张桌子上。然后使用

 <td style="vertical-align:middle"> ... </td>

将所有内容垂直居中。