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

让标签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个为一列了

查看更多 下一篇