Html 如何将两个img相邻放置，并在下面显示文字

我正在从PSD文件生成第二个测试HTML文件。
在图片中你可以看到我的问题。
你能指导我如何把下面有文字的两幅图片并排放置吗？
我也希望它是响应性的。
例如，在大屏幕上，两个图像相邻。在小屏幕中，每个图像都在一个单独的行中。

---

多谢各位

首先将图像和文本放入如下框中：

<div class="contentBox">
    <img>
    <h3>some title</h3>
    <p>some text</p>
</div>

我制作了一个快速片段，向您展示如何使用它：

#框{
文本对齐：居中；
}
.contentBox{
显示：内联块；
宽度：200px；
边框：1px纯黑；
利润率：20px；
}
.contentBox img{
宽度：100%；
}
.contentBox h3{
保证金：5px；
}
.contentBox p{
文本对齐：对齐；
保证金：5px；
}

一些头衔
Lorem ipsum dolor sit amet，是一位杰出的献身者。在设备和设备方面，在设备或设备方面

一些头衔
Lorem ipsum dolor sit amet，是一位杰出的献身者。在设备和设备方面，在设备或设备方面

您的代码是有效的，但顶部的示例显示的是use.contentBox{float:left；}，而您不知道

.contentBox{
    float:left;
}