关于图片的居中的一些疑问

CSS样式如下：

.img-box { width:auto; overflow:hidden; padding-bottom:15px;}

.img-box img { float:left;margin:0 28px 0 0;border:0px solid #fff;height:auto;}
.img-box .news_img {width:auto; overflow:hidden;}

.img-box .news_img img{ text-align:center;border:0px solid #fff;height:auto;}

html内容类似如下：

<div class="img-box">

<p>......</p>

<p class="news_img"> <img src="图片地址" /> </p>

</div>

无法理解为什么图片还是靠左的。。。求指点。