在Css中居中放置一個塊元素，並沒有任何巨大的空間彼此相鄰

Question

我想將我的塊菜單置於中間，但我也希望它在沒有任何巨大空間的情況下彼此相鄰。 我試圖浮動整個事情，並將餘裕和餘裕設置爲自動。但是在搜索網頁之後，我發現不可能將浮動的東西集中起來。

然後我試着將塊設置爲內聯塊並帶走浮動元素。再次將邊距設置爲自動。現在，這似乎也不管用。我讀了一個地方，你可以設置文本對齊爲中心，這是我的文本在塊中心，但塊本身並沒有得到中間。在CSS在這一刻

我的整個菜單代碼：

a.menyStil 
{ 
display: inline-block; 
width:150px; 
height:25px; 
margin-right:auto; 
margin-left:auto; 
background:#dca; border:1px solid #000; 
text-align:center; 
text-decoration:none; font-family:verdana, arial, sans-serif; font-size:12px; color:#000; 
line-height:25px; 
overflow:hidden; 
} 

a.menyStil:hover {background:#764;} 
a.menyStil:active {background:#c00;} 

和相關的html代碼：

<p> <a class="menyStil" href="Hjem.html"> Hjem</a> 
<a class="menyStil" href="Kontakt.html"> Kontakt oss</a> 
<a class="menyStil" href="om_oss.html"> om osst</a> 
<a class="menyStil" href="testing.html"> Testing</a></p> 

我真的很感激幫助:)

Answer 1

在你的CSS代碼添加此

p{ 
width: 650px; 
margin: auto; 
} 

演示：fiddle

你應該p補充保證金的汽車。因爲它包含a。所以它的中心。
我希望這可能對您有所幫助。

Answer 2

p { 
    text-align: center; 
} 

http://jsfiddle.net/B8gFC/