（HTML）如何使两个图像相邻对齐并在页面上居中？

我在互联网上搜索了好几个小时，试图找到一个简单的解决方案；将两个图像相邻对齐。 我使用的两幅图像尺寸相同（尽管其中一幅稍小），我通过

将它们居中放置，效果很好。现在的问题是，我希望它们彼此相邻对齐，但是，它们是在彼此的顶部。 我尝试过许多不同的CSS样式和许多不同的Div类，但都不起作用。所以我放弃了，现在我在这里要求。谁能帮我解决这个简单的问题。以下是我当前用于图像的HTML代码：

红色绿柱石
最绿柱石
Nicholas
他所有的荣耀

使用纯HTML，您只需将其中一个放在中间，并在第二张图片后添加end

中心

标记：

.align center{text align:center；margin:auto；}

---

这是可行的，但只有当我拿出figcaptions时，我才能让它与figcaptions一起工作？