使用CSS将<a>标签置于<img>标签内

Question

我的情况如下:

<table>
   <tr>
      <td>
         <div>
            <img src="xxx.png">
            <a>bla_bla1<a>
         </div>
         <div>
            <img src="yyy.png">
            <a>bla_bla2<a>
         </div>
      </td>
   </tr>
</table>

我想将文本(标签)对齐在图像的中心.

谢谢.

编辑:一些额外的细节:

我有2张图片,一张小图片和一张大图片(如按钮).小图像位于div的左侧位置,而div位于div的右侧位置.

我的目标是将两个文本对齐在图像的中心,一个位于小图像的中心,另一个位于大图像的中心.

Answer 1

添加position:relative到div和absolute标签

 a{
    position:absolute; 
    text-align:center; 
    width:100%;
    top:40%; left:0; 
    color:red; 
    font-size:25px;
}?

DEMO

演示2