需要帮助使用CSS/HTML对齐3个图像吗

我最近一直在一个网站上工作，我很难在页面上对齐3个不同大小的图像，我迫切需要一些帮助来解决这个问题。 以下是我的CSS代码：

img .gameimages {
  display: block;
  margin: auto;
  width: 40%;
}

和我的HTML：

<img src="Images/LoadingE.png"> 
<p class="gameimages" style="clear: both; text-align: centre;">We have an animated loading screen!</p>
<img src="Images/GameE.png">
<p class="gameimages" style="clear: both; text-align: centre;">We have an interactive main menu!</p>
<img src="Images/player.png">
<p class="gameimages" style="clear: both; text-align: centre;">This is our amazing player!</p>

我们有一个动画加载屏幕

我们有一个交互式主菜单

这是我们令人惊叹的玩家

我试着。。。阅读。。。你的思想…
并认为您需要：
一点ccs：

    div.gallery {display: inline-block; }

及 一点html：

    <center><div class="gallery"><img ..> <p ..>..</p></div>

对于所有3或4或5以及a

    <br>

换一条新线路。终于

    </center>

关闭它

Et voila：一个你可以做/使用的数以百万计的布局。

---

或者你听辣妹们说，你可以“告诉我你想要什么，你真正想要什么……”^ ^

你的问题给解释（和猜测）留下了很大的空间，但是对于有字幕的图像，你应该使用

图

标签，里面有

img

和

figcaption

标签，并根据需要应用CSS。我想你想要这样的东西：

图{
利润率：10px自动；
宽度：40%；
文本对齐：居中；
}
图img{
宽度：100%；
高度：自动；
}

我们有一个动画加载屏幕！
我们有一个互动的主菜单！
这是我们了不起的球员！

Align。。。但是怎么做呢？你有两个可能的轴和大量的场景，人们认为这是一个对齐。您希望如何排列这些图像：在基线上？垂直居中？水平居中？中间的空间？这将是非常有用的，包括一些插图，向我们展示你打算实现什么。此外，包括一个最小的、具体的和可验证的示例也会有很大帮助。@Terry我正试图让它们并排出现。我目前的代码已经做到了这一点。我需要这些图像并排排列。好吧，你应该把它们写在问题里。“对齐”可以指水平或垂直对齐。当宽度为40%时，人们倾向于认为它应该是垂直的，因为3x40扩展了宽度。。。