html - 使用margin 0px auto在浏览器窗口中的div标签中心

Question

我无法让这个 div 容器在浏览器页面中水平居中...

这是我的代码。

HTML

<div class="copyrightposition clearfix">
                <p class="copyright clearfix">copyright2013 Rachael 
    Stetson Design Inc.</p>
                <p class="copyright clearfix">|</p>
                <p class="copyright 
    clearfix">www.rachaelstetson.com</p>
                </div>

CSS

.copyrightposition {
position: relative;
float: left;
margin: 0px auto 0px auto;
}
.copyright {
position: relative;
float: left;
font-size: 65%;
padding-right: 10px;
text-transform: uppercase;
letter-spacing: 0.19em;
}

Answer 1

边距：0 自动；仅适用于具有设定宽度的元素并且它们不能浮动。

Answer 2

我已经编辑了你的代码。看到这个jsFiddle。

我用过text-align:center。

HTML

<div class="copyrightposition clearfix">
  <p class="copyright clearfix">copyright &copy lorem ipsum |  www.rachaelstetson.com</p>
</div>

CSS

.copyrightposition {
  text-align: center;
}
.copyright {
  font-size: 65%;
  padding-right: 10px;
  text-transform: uppercase;
  letter-spacing: 0.19em;
}