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

如何在wordpress页面中居菜单

1 个答案: