Html 希望图像彼此挨着坐，而不是坐在下面

我试图让tumblr站点上的图像彼此相邻，而不是彼此上方。我在论坛上找到了一些建议，我尝试了很多次，但都没能奏效，所以我问了第一个论坛问题

这是我正在处理的页面：

我有更多的图片要添加（每个图片都是一个链接）。我希望图像彼此相邻平铺（中间有一些空间）

我已经删除了所有更改HTML的尝试，因此它恢复到原来的状态：

<p><a href="http:blah"><img src="https:blah.jpg" /></a>&nbsp; &nbsp; &nbsp;<a href="http:blah2"><img src="https:blah2.jpg" /></a>&nbsp; &nbsp; &nbsp;<a href="http:blah3" style="line-height: 1.4;"><img src="https:blah3.jpg" /></a></p>

您需要使用

显示：内联块
或
浮动：左/右
设置图像（或其容器）的样式，并给它们一个
边距来获得间距。
您有一个CSS，如：

.caption img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 30px auto 30px auto;
    border-radius: 2px;
}

您必须将其更改为：

.caption img {
    display: inline-block; // Here change block to inline-block
    max-width: 100%;
    height: auto;
    margin: 30px auto 30px auto;
    border-radius: 2px;
}

Hmm，尝试将图像设置为
显示：内联块或<代码>浮动：左侧。谢谢！你能发布一些我可以复制粘贴的东西吗？（或者这是作弊吗？）你应该尝试一下，把代码发布在这里，然后我们可以看看问题可能在哪里，并帮助你纠正它们。是的，就是这样！非常感谢。我还在努力（我做得很慢），但你已经把我的脑细胞保存了一点。现在我正试图找出如何加宽图像所在的块，使其每行适合3或4个图像。。。我会慢慢地解决这个问题，即使这需要我再花一天的时间，但如果你能帮助我，那将是令人惊讶的。将
.shown
类设置为：
.shown{max width:650px；margin:auto；}
每行有3个图像。如果需要更多，请增加
最大宽度
。如果
.shown
还不够，就去找它的父母。