Html 在三个相邻图像上方居中文本链接

我创建了一个包含三个文本链接的div，并将它们放置在三个大小相等的相邻图像上方。我需要每一段文字都在它对应的图像上方居中

这是我的部门：

#目录ul{
文本对齐：对齐；
}
#目录ul:之后{
内容：''；
显示：内联块；
宽度：100%；
}
#目录ul:以前{
内容：''；
显示：块；
边缘顶部：-0.75em；
}
#目录李{
显示：内联块；
右边距：1.75em；
位置：相对位置；
顶部：1.25em；
字体大小：100%；
}

2017年秋季-8月1日上市

我会将每个图像和文本包装在一个单独的DIV框中，然后使用text align:center将文本居中。那应该行

不过，我不知道我是否会使用列表项。可能是像h3这样的标题标签或段落标签。看看下面我的钢笔，看看我的意思是什么=D（我在我的示例中添加了内联样式，希望能添加澄清。不过我更喜欢我的codepen示例，它更简洁）

图像标题

我可以在一个容器中将每组文本和图像组合在一起。这样，文本可以在每个容器内居中，容器可以排成一行。你能把显示图像的HTML的其余部分包括进来吗？谢谢……这让我走上了正确的轨道，我已经弄明白了……页面看起来正是我想要的样子，棒极了！我很高兴这有帮助。我试着让它变得简单！=）

<div id="one" style="float: left; margin: 5px;">
     <p style="text-align: center;">Image Heading</p>
     <img  style="text-align: center;" 
     src="https://placeholdit.co//i/350x350?">
</div>