在两个div之间添加一个文本html

时间:2013-09-27 17:40:25

标签: css css3 twitter-bootstrap html

我有一个html页面,其中我显示两个图像...我想在图像之间添加文本..此时图像显示如下

enter image description here

我想做这样的事情

enter image description here

如何在中间添加 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>

2 个答案:

答案 0 :(得分: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>

答案 1 :(得分:0)

将您的元素放在表格中。然后使用

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

垂直居中。