把3个文本放在一个图像下

Question

我有这个图像http://s23.postimg.org/on361znhn/Transform_Marketing.png 我想在每张图片下放3个彩色和居中（了解更多）文本。我试过这个：

<p> 
<span style="float:left;margin-left:100px;margin-right:40px"> <a href="my-website-url"></a> Learn More</span> 
<span style="float:left;margin-left:170px;margin-right:40px"> <a href="my-website-url"></a> Learn More</span> 
<span style="float:left;margin-left:120px;margin-right:40px"><a href="my-website-url"></a> Learn More</span> 

</p> 

但链接不工作。我想要一个选项来更改（了解更多）文本颜色和字体大小，并使其位于每个图像下方。

谢谢你的帮助。

Answer 1

居中低于其图像中的每个文字，下面的代码应该有所帮助：

<div style="text-align:center; margin-right:5px; margin-left:5px;"> 
    <img src="img1.png"><br /><a href="url1">learn more</a> 
</div> 
<div style="text-align:center; margin-right:5px; margin-left:5px;"> 
    <img src="img2.png"><br /><a href="url2">learn more</a> 
</div> 
<div style="text-align:center; margin-right:5px; margin-left:5px;"> 
    <img src="img3.png"><br /><a href="url3">learn more</a> 
</div> 

希望它能帮助。

更新（如果只有一个图像）：

你必须知道图像的宽度，用photoshop调整图像下方的文本位置（你应该用你所使用的网站上相同的字体&大小） 。 调整跨度的边距以手动居中文本。