如何在WordPress頁面中居中菜單

Question

我不確定我的代碼100％。 我希望這是正確的，如果解決，它將對其他人有所幫助。 我創建了一個要放在wordpress頁面中的菜單，由於某種原因，該菜單向左對齊。 我無法使菜單位於頁面的中間（中間）。 有什么見解嗎？ HTML代碼是：

<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;
}

Answer 1

添加“ text-align：center;” 到“ .online”

.online {
text-align: center;
}