在一张图片下放置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调整图像下方的文本位置（您应该使用网站上使用的相同字体和大小）。 调整跨度的边距以手动居中文本。