在单个div下添加2个图像

时间:2012-07-23 18:48:29

标签: html css image

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

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

这是css,

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

这是HTML,

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

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

感谢任何帮助。 感谢。

1 个答案:

答案 0 :(得分:2)

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

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

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