让标签li里面的文字居中？解决方法-HTML教程-爱易网页

让标签li里面的文字居中？解决方法

日期：2014-05-17　浏览次数：20680 次

让标签li里面的文字居中？

CSS code



<style type="text/css">
.div{
    position: relative;
    background-color: #fff;
    font-size:14px;
    z-index:1000;
    WIDTH: 490px;
    height:205px;
    margin:0 auto;
    top:260px;
    left:30px;
}

a{font-size:14px;}
ul{list-style:none;padding-top:80px; margin:auto;text-align:center;}
li{width:85px; text-align:center;line-height:30px;margin:0 13px;display:inline;}
</style>

HTML code



<div class="div">
<ul  >
<li><a href="#">关键词关键1</a></li>
<li><a href="#">关键词关键2</a></li>
<li><a href="#">关键词关键3</a></li>
<li><a href="#">关键词关键4</a></li>
<li><a href="#">关键词关键5</a></li>
<li><a href="#">关键词关键6</a></li>
<li><a href="#">关键词关键7</a></li>
<li><a href="#">关键词关键8</a></li>
<li><a href="#">关键词关键9</a></li>
<li><a href="#">关键词关键10</a></li>
</ul>
</div>

要让li里面的字居中，5个为一列，但是不知道怎么居中总是有问题，

这个是IE6上面显示的，下面的是IE8上面显示的，不知道怎么成这样的，希望CSS的高手帮忙看一下，要怎么改，在IE6和IE8上都居中，也是5个为一列

------解决方案--------------------

探讨
试了的，都不行，有一个float:left; 但是去掉float:left;就不能5个为一列了