text-align:center怎么不能水平居中了？

<section class="stats">

<div class="text1">S t a t s</div>

<div class="text2">Lorem ipsum dolor sit amet,consectetur adipisicing elit,sed do eiusmodtempor incididunt ut labore et<br>dolore magna aliqua.Ut enim ad minim veniam</div>

<div class="items">

<div class="item">

<img src="img/stats1.jpg">

<div class="name">Margins</div>

<div class="price">12,000</div>

</div>

<div class="item">

<img src="img/stats2.jpg">

<div class="name">Completed</div>

<div class="price">5,681</div>

</div>

<div class="item">

<img src="img/stats3.jpg">

<div class="name">Projects</div>

<div class="price">432</div>

</div>

<div class="item">

<img src="img/stats4.jpg">

<div class="name">Customers</div>

<div class="price">86</div>

</div>

</div>

</section>

.stats{

text-align:center;

width:100%;

}

.stats .items{

margin:46px 0 76px 254px;

overflow:hidden;

}

.stats .text1{

color:#f46208;

font-size:48px;

margin-top:80px;

}

.stats .text2{

text-align:center;

font-size:14px;

margin-top:20px;

}

.stats .item{

float:left;

text-align:center;

margin:0 40px;

}

.stats .item img{

width:44px;

height:40px;

}

.stats .item .name{

font-size:15px;

margin:10px auto;

}

.stats .item .price{

color:#f46208;

font-size:26px;

letter-spacing:8px;

text-align:center;

}