html - 一部のテキストを中央に移動して下に移動する方法は?

Question

下部のナビゲーションバーを中央に配置しようとしています

#main-nav{ margin-left: auto; margin-right: auto;}

しかし、それは機能していません。私も<center></center>htmlファイルでやったのですが、センタリングされていません。

これは次のようになります: http://jsfiddle.net/EZJwM/8/

© 2012 Bin.xxx, All Rights Reservedと関係があり、同じブロックか何かにあると思います。誰かが私を助けることができますか？

Answer 1

Try adding this :

display:inline-block;*display:block;zoom:1;text-align:center;

Answer 2

このマークアップとcssを試すことができます

<section class="container"><nav id="main-nav">&copy; 2012 Bin.xxx, All Rights Reserved</nav></section>

.container { width: 100%}
#main-nav{ width:50%; margin: 0 auto;}

それがあなたを助けることを願っています！

Answer 3

これを試して：

#main-nav{ margin-left: auto; margin-right: auto;text-align:center}