所以我一直在这个网站上大学工作，我一直遇到这个问题，它在过去一小时左右让我感到沮丧。
我的索引页面上有这三张图片，它们彼此相邻。现在我想要实现的是3个跨度标签/ 3个p标签或3个任何可以工作直接显示在3个图像下方，具有与图像相同的间距和宽度，基本上是图像下方的3个文本框。
我已经尝试过float：left，float：right，display：block，display：inline，display：block-inline等等。
继承我的代码：
<!-- NEWS ICONS -->
<a href="#">
<img src="Images/news1.png" style="width:264px; height:263px; margin-left:29px;
padding-bottom:5px;" alt="news1"/></a>
<a href="skateboards.html#creature">
<img src="Images/news2.png" style="width:357px; height:263px; padding-left:15px;
padding-bottom:5px;" alt="news2"/></a>
<a href="seanmalto.html">
<img src="Images/news3.png" style="width:264px; height:263px; padding-left:15px;
padding-bottom:5px;" alt="news3"/></a>
<span style="margin-left:30px; width:263px; display:block; background-color:#000;">
Content 1 Content 1 Content 1 Content 1 Content 1 Content 1
</span>
<span style="padding-left:15px; width:356px; display:block; background-color:#000;">
content 2 content 2 content 2 content 2 content 2 content 2 content 2 content 2
content 2 content 2 content 2 content 2
</span>
<span style="padding-left:15px; width:263px; display:block; background-color:#000;">
content 3 content 3 content 3 content 3 content 3 content 3
</span>
我刚刚将跨度的背景设为黑色，这样我就能更好地识别并看到它们。
谢谢， 英里