Html 对齐多个图像&；水平文本

我已经为此搜索并尝试了几种不同的建议，但没有任何效果

我试图水平居中的3个图片与下面的标题。对CSS来说是个新概念。提前谢谢你的帮助

#容器{
保证金：自动；
宽度：1190px；
填充顶部：40px；
填充底部：40px；
文本对齐：居中；
}
.盒子{
显示：块；
边际：0px；
空白：nowrap；
}
.box img{
显示：内联块；
边际：0px；
填充：0px；
垂直对齐：中间对齐；
}
.方框p{
位置：相对位置；
宽度：100%；
顶部：12px；
z指数：2；
文本对齐：居中；
字号：1.5em；
左：15px；
}
.清楚{
明确：两者皆有；
}
.包装纸{
保证金：0自动；
填充：0 10px；
宽度：1190px；
}

L:
到这里来

您的内容缺少一个容器包装

我添加了一个div来包装您的图像、文本和链接

还将

.box img

更改为

.box div

这就是你所缺少的

#容器{
保证金：自动；
宽度：1190px；
填充顶部：40px；
填充底部：40px；
文本对齐：居中；
}
.盒子{
显示：块；
边际：0px；
空白：nowrap；
}
.包厢部{
显示：内联块；
边际：0px；
填充：0px；
垂直对齐：中间对齐；
}
.方框p{
位置：相对位置；
宽度：100%；
顶部：12px；
z指数：2；
文本对齐：居中；
字号：1.5em；
左：15px；
}
.清楚{
明确：两者皆有；
}
.包装纸{
保证金：0自动；
填充：0 10px；
宽度：1190px；
}

到这里来

在我回答这个问题之前。您希望每个图像都以自己的线条为中心吗？或者每一张图像相邻，三张图像居中？后一张，我试图将所有图像放在一条线上，集中在屏幕上。先生，你是摇滚明星。谢谢你抓住我的错误！更改了代码，看起来很棒！谢谢不用担心，很高兴已经分类了