CSS中心ul列表

Question

我有這個HTML：

<ul class="design-centre-links">
<li><a href="#design-centre">Overview</a></li>
<li><a href="design-centre.php?action=video-testimonials">Video Tertimonials</a></li>
<li><a href="design-centre.php?action=meet-the-team">Meet The Team</a></li>
<li><a href="design-centre.php?action=faq">FAQ</a></li>
</ul>

...並且我正在嘗試將列表居中，使其位於頁面中間。 這是我嘗試過但無法正常工作的CSS：

ul.design-centre-links {
text-align: center;
display: block;
}

ul.design-centre-links {
display: inline-block;
}

請幫忙。

Answer 1

正如Ben Sewards所說，使用

ul.design-centre-links li {
    text-align: center;
    display: block;
}

而是只

ul.design-centre-links {
    text-align: center;
    display: block;
}

編輯：

您也可以使用

ul.design-centre-links > li {
    text-align: center;
    display: block;
}