增加空間

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

p.menusomething a img { 
margin: 0 10px 0 0; 
} 

Answer 2

p.menusomething img 
{ 
    margin-bottom:10px; 
} 

之間的水平空間之間

Answer 3

你的目標是你的圖像容器，而不是圖像本身。 來解決這個問題，只需添加下列任何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/

Answer 4

.menusomething img { 
display:block; 
margin:10px 0 10px 0; 
}