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

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

margin :0 自动；仅适用于具有设置宽度的元素，它们不能 float 。