[英]CSS center a ul list
I have this HTML: 我有这个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>
...and I am trying to center my list so its in the middle of the page. ...并且我正在尝试将列表居中,使其位于页面中间。 Here is the CSS I tried, but did not work:
这是我尝试过但无法正常工作的CSS:
ul.design-centre-links {
text-align: center;
display: block;
}
ul.design-centre-links {
display: inline-block;
}
Please help. 请帮忙。
As Ben Sewards says, use 正如Ben Sewards所说,使用
ul.design-centre-links li {
text-align: center;
display: block;
}
instead only 而是只
ul.design-centre-links {
text-align: center;
display: block;
}
Edit: 编辑:
You may use also 您也可以使用
ul.design-centre-links > li {
text-align: center;
display: block;
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.