使用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;
}