2015-10-21 89 views
0

我不是100%確定我的代碼。我希望它是正確的,如果解決了它會幫助其他人。我創建了一個放置在wordpress頁面的菜單,菜單是由於某種原因左對齊的。我無法使菜單位於頁面的中間位置。任何見解? HTML代碼:如何在wordpress頁面中心菜單

<p class="online"><a href="../home">Home </a>/ 
<a href="../about">About Us</a>/ 
<a href="../forums">Forums</a>/ 
<a href="../community">Community</a>/ 
<a href="../hotel">Hotel</a>/ 
<a href="../contact us">Contact</a> 
</p> 

的CSS代碼:

.online a { 
    padding: 5px; 
    margin: 5px; 
    font-size: 14px; 
    font-weight:bold; 
    display: inline-block; 
} 
.online a:link { 
    color: #0000EE; 
    border-bottom: 1px solid #fff; 
} 
.online a:visited { 
    color: #4c2c92; 
    border-bottom: 1px solid #fff; 
} 
.online a:hover { 
    color: #2e8aca; 
    border-bottom: 1px solid #ccc; 
} 
+0

你試過把'p'本身爲中心嗎?你的css處理它裏面的'a's,但不是段落本身 – ochi

回答

3

添加 「文本對齊:中心;」到「.online」

.online { 
text-align: center; 
} 
+0

謝謝。這是失蹤的一塊! – sam

相關問題