如何在这个div的中心对齐3张图像？

Question

我已经浏览了整个互联网，并找到了如何做到这一点的答案，但无论如何它似乎并不适合我。请原谅我还处于学习过程的早期阶段......但是我想把这三张图片对准这个div的中心，页面的中心或者你想称之为的东西。 我想在中间的灵魂之夜海报，左边的利润实验室和在右边的扑克中听到。

我现在的代码：

enter image description here

该网站现在的样子：

Answer 1

你可以使用display：inline-block;并在容器中添加text-align：center。

.container{text-align:center;}
.container img{display:inline-block;}

这里的工作示例：https://jsfiddle.net/u3hvd2g4/1/