1

この1つの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;
}
4

2 に答える 2

1

マージン: 0 自動; 幅が設定された要素に対してのみ機能し、フローティングすることはできません。

于 2013-01-12T19:42:28.680 に答える
0

コードを編集しました。この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;
}
于 2013-01-12T20:01:50.930 に答える