為什么我的text-align:center不能居中 ?

<div class="page">

<a href="#">首頁</a>

<a href="">&lt;</a>

<a href="#">1</a>

<a href="#">2</a>

<a href="#">3</a>

<a href="#">...</a>

<a href="#">&gt;</a>

<a href="#">末頁</a>

</div>

.list-news .page{

height: 40px;

margin-top:10px;

text-align: center;

}

.list-news .page a{

float: left;

display: inline-block;

border:1px solid #e8e8e8;

margin: 5px;

padding: 5px 10px;

}

.list-news .page a:link,.list-news .page a:visited{

color: #000;

}

.list-news .page a:hover,.list-news .page a:active{

color: #fff;

background-color: #cc1b1b;

}