div里文字居中的问题

Question

foot.jsp的代码如下

<%@page language="java" import="java.util.*" pageEncoding="UTF-8"%>
    <!-- BEGIN 底部 -->
    <div class="footer">
        <div class="footer-inner">CopyRights 2017-2018 &copy; XXX管理系统</div>
        <div class="footer-tools">
            <span class="go-top"> <i class="icon-angle-up"></i> </span>
        </div>
    </div>
    <!-- END 底部 -->

但是版权信息不能居中
然后我在Default.css里找到了控制footer的CSS样式代码如下：

/***
Footer 
***/
.footer .footer-inner {
  color: #999999; 
 }
.footer .footer-tools .go-top {
  background-color: #4f4f4f;
}
.footer .footer-tools .go-top:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.footer .footer-tools .go-top i {
  color: #8a8a8a;
}

我修改了一下，代码如下

.footer .footer-inner{
  color:#999999;
  text-align: center;
}

但是footer-inner这个层里的文字还是不能在整个窗体居中
有大神能帮我看下，是不是我修改错地方了？谢谢

Answer 1

我按你提供的代码，是能够居中的。

显示结果：