使li横排显示并且ul位于div的中间位置

来源:互联网 发布:淘宝宝贝突然搜索不到 编辑:程序博客网 时间:2024/04/27 12:05

使li横排显示并且ul位于div的中间位置,(li使用style="display:inline;"),如下所示

<style type="text/css">



#links {text-align:center;}


#links ul{border:1px solid red;list-style-type:none;}


#links ul li{
display:inline;


}


</style>


<div id="links" >
<ul>
    <li><a href="#">link111111</a></li>
    <li><a href="#">link2222</a></li>
    <li><a href="#">link33333</a></li


    <li><a href="#">link44444</a></li>
    <li><a href="#">link555555</a></li>
</ul>
</div>