html - 如何在WordPress页面中居中菜单

我不确定我的代码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;
}

最佳答案

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

.online {
text-align: center;
}

关于html - 如何在WordPress页面中居中菜单，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/33249070/