如何将图标置于div标签内

Question

如何将图标放在div的中心。

<div class="page_one_footer">
  <a href="https://www.facebook.com/moviemanic">
     <i class="fa fa-facebook-official icons" id=""style="font-size: 40px;text-align: center;"></i>
  </a>
  <a href="https://twitter.com/imVijay4you">
     <i class="fa fa-twitter icons" id="twitter-icon"style="font-size: 40px;text-align: center;"></i>
  </a>
</div>

的CSS：

.icons{
    text-align: center !important;
} 

为什么我无法将图标放在中心？

Answer 1

将text-align: center移至容器DIV：

.page_one_footer {
  text-align: center !important;
}

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/>
<div class="page_one_footer">
  <a href="https://www.facebook.com/moviemanic">
    <i class="fa fa-facebook-official icons" id="" style="font-size: 40px;text-align: center;"></i>
  </a>
  <a href="https://twitter.com/imVijay4you">
    <i class="fa fa-twitter icons" id="twitter-icon" style="font-size: 40px;text-align: center;"></i>
  </a>
</div>