html - 居中对齐按钮 (CSS 3)

Question

我希望使用 CSS 3 将两个按钮居中对齐。到目前为止，我已经有了这段代码。现在，按钮默认是左对齐的。任何帮助都会很棒。

HTML:

<ul>
<li class="menubutton"><a href="about.html">About</a></li>
<li class="menubutton"><a href="staffing.html">Staff</a></li>
</ul>

CSS:

.menubutton{
        text-align: center;
        background-color: beige;
        height: 50px;
        width: 100px;
        border-radius: 5px;
        display: inline-block;
}

Answer 1

你应该有 <ul>像这样:

<ul>
<li class="menubutton"><a href="about.html">About</a></li>
<li class="menubutton"><a href="staffing.html">Staff</a></li>
</ul>

和CSS:

ul{
text-align: center;
}