html - 在图像之间添加空间

Question

如何给下面的图片加一些空格这意味着我想要在以下图像之间留出水平空间

<p class="menusomething">In-game Imagery</br>
<a href="R.jpg"><img src="age1.jpg" width="200" height="150"/>          </a></br>
<a href="Re2.jpg"><img src="age2.jpg" width="200" height="150"/>   </a></BR>
<a href="Ri.jpg"><img src="Re3.jpg" width="200" height="150"/></a></BR>
<a href="Ri4.jpg"><img src="e4.jpg" width="200" height="150"/></a></BR>
</p>

和CSS代码

p.menusomething{background: white;
   margin: auto;
   margin-top: 200px;
   margin-left: 10px;
   padding: 10px;
   width: 200px;}

Answer 1

您的目标是图像的容器，而不是图像本身。要解决此问题，只需将以下任何 CSS 行添加到您的文件中

p.menusomething a>img
{
   margin-top:20px; /*to have the space above the image*/
   margin-bottom:20px; /*to have the space under the image*/
}

其中一个应该可以完成这项工作，如果这是您需要的，请告诉我。

查看此现场演示了解更多详情:http://jsfiddle.net/3jApT/3/