line-height水平居中问题

<div class="news">
      <div class="title">
        <h2 class="title_left">新闻中心</h2><a href="news.html">More&gt;&gt;</a>
      </div><!--title结束-->
      <div class="pic_news">
        <img src="images/news.jpg" /><h2>520 慕女神喊你来表白！</h2><p>活动时间：5月20日-5月25日<br/>获奖公布时间：5月26日<br/>Learn More&gt;&gt;</p>
      </div><!--pic_news结束-->
      <div class="news_list">
        <ul>
          <li><a href="#">【慕课访谈 用户篇】“有为屌丝”在路上</a></li><span>2014-06-01</span>
          <li><a href="#">【有奖活动】给父亲的三行书信</a></li><span>2014-06-01</span>
          <li><a href="#"> 程序猿，请晒出你的童年》活动获奖公告</a>《</li><span>2014-05-30</span>
          <li><a href="#">【慕课访谈】破茧成蝶————美女程序猿的锐变史</a></li><span>2014-05-28</span>
        </ul>
      </div><!--news_list结束-->
   </div><!--news结束-->

 .title
  {
  height:35px;
  border-bottom:2px solid #E8E8E8;
  }
 
  .title_left
  {
  width:70%;
  font-family:"微软雅黑";
  font-size:14px;
  font-weight:bold;
  color:#786F66;
  float:left;
  line-height:35px;
  padding-left:20px;
  }

前提已经*{margin：0 padding:0},但是新闻中心不能水平居中，什么原因呢？