在一個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; 
} 

這告訴瀏覽器一個5px的填充增加的.sidebarBody（在div類）內的每個圖像。