Html 如何使用CSS将文本放置在图像下方？

我想把文字放在图像下面。我想对排成一行的4个图像执行此操作

我尝试过实现一个解决方案，下面是我编写的代码：

以下是此代码生成的内容：

---

尽管这是朝着正确的方向迈出的一步，但我仍然无法准确地理解如何在图像下方获取文本，并将4个图像放在一行中（每个图像的下方都有文本）。关于如何解决这个问题有什么建议吗？

身高和体重作为CSS属性更好，我会在

style=“”

中定义它们。所以

height=“176”

和

weight=“201”

应该变成

style=“height:176px；width:201px”

除非使用内联样式有特定的原因，否则我还建议您将所有样式都放在CSS文件中

您可以制作所有图像

，然后使用CSS：

.icon {
  height: 176px;
  width: 201px;
}

---

这样，您重复的唯一部分就是类位，而不是每次都必须设置样式。如果您想更改某些内容，那么在一个位置进行更改比在所有4张图像中每次都进行更改要简单得多。

您的问题不清楚，因此这是目前我能给您的最佳答案。使用此代码，它可能就是您想要的

<img src="images/modules/Logomakr_1dOe2g.png" width="201px" height="198px"/>
<br />
<p style="font-size:36px; margin-left:2.5%; margin-top:0; margin-bottom:0;">Engineering</p>
<p style="font-size:24px; margin-top:0;">Text Goes Here</p>
<br />
<br />
<img src="images/modules/Logomakr_2VsRmD.png" width="201px" height="198px"/>
<p style="font-size:36px; margin-left:2.5%; margin-top:0; margin-bottom:0;">Buisness</p>
<p style="font-size:24px; margin-top:0;">Text Goes Here</p>

工程学

文本位于此处





业务量

文本位于此处

---

建议您在提出类似问题之前先学习HTML编码，因为您的代码包含许多严重错误，而且您似乎对HTML几乎一无所知。

Hi@Ryan，请发表一篇简短完整的，和可验证的例子-你能把你正在使用的代码放在一个代码笔或类似的，这样我们可以看到你在使用什么，并提供一个答案，希望：）重要的是要了解，许多人谁访问这个网站是新的在手的主题。