中心页脚div水平

Question

http://pixphoriad.haneuri.net/index2.php

标题的顶部div很好但是由于某种原因，页脚中的内容不居中。这是页脚的CSS：

div#footer {
    background-color: #000;
    color: #fff;
    position:relative;
    height:350px;
    clear: both;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 100%;
}

Answer 1

将这些规则应用于center代码...

overflow: auto;
display: inline-block;

顺便说一下，中心标签已经过时了，我直到现在才见过它。但不管......

我喜欢整体网站......它表现出激情。

Answer 2

定义您想要的width，然后像这样提出margin：

div#footer {
      width: 500px;
      margin: 0 auto; /* or `10px auto` to add margin top and bottom */
      text-align: center; /* align text center aligned*/
}

Answer 3

我建议你将以下几行添加到div#footer：

overflow: auto;
display: inline-block;