我想要li的宽高自适应，所以给他设置了padding，可是里边的a标签怎么设置大小啊，如果设置一个active类，可是a太小了啊，显示出来太丑了，要怎么设置一下比较好啊？
HTML代码如下：
<div id="page"> <ul> <li><a href="">第一页</a></li> <li><a href="">上一页</a></li> <li><a href="">1</a></li> <li><a href="">2</a></li> <li ><a href=""class="active">3</a></li> <li><a href="">4</a></li> <li><a href="">...</a></li> <li><a href=""> 下一页</a></li> <li><a href=""> 最后页</a></li> </ul> </div>
CSS如下：
#page ul {
margin: 0 auto;
overflow: hidden;
width: 610px;
}
#page ul li {
list-style: none;
float: left;
/*width: 48px;
height: 50px;
line-height: 50px;*/
padding: 15px;
text-align: center;
margin-right: 10px;
background: #FFF;
}
#page ul li a{
text-decoration: none;
color: #000;
}
.active{
background: #812422;
}
效果图现在是这样了
李晓健