在单个div下添加2个图像

Question

我一直试图在一个div下添加两个图像，但它们没有按我想要的方式显示。

我想在图像之间留出空间，这是没有发生的。

这是css，

.sidebarBody {
    text-align:center;
    padding: 5px;
}

这是HTML，

<div class='sidebarBody'>
    <img src="r.gif" />
    <img src="s.gif" />
</div>

为什么填充物不能在各方面工作？第二个图像显示在第一个图像之后，没有任何空格。

感谢任何帮助。 感谢。

Answer 1

你的css没有在图像周围放置任何填充，它只告诉它做封闭的<div>。使用以下内容：

.sidebarBody img {
   text-align:center;
   padding: 5px;
}

这告诉浏览器为.sidebarBody（div类）内的每个图像添加5px填充。