css - div 100% の水平中央揃え div (ワードプレス)

Question

幅 100% の div で div を水平方向に中央揃えしようとしています。div コンテナは「#post-area」であり、内部のすべての div にはクラス「.post」があります。

これはリンクです: http://bit.ly/VOqkhv

ブラウザのサイズを変更すると、うまく機能しないことがわかります。実際、すべての div がメニューの中央に配置されていません。どうすればこれを見つけることができますか？margin: auto; も試しました。しかし何もありません。

よろしくお願いします。

Answer 1

100% div を設定してposition:relativeから、中央に配置する要素を設定しますposition:relative; margin: 0 auto;

Answer 2

それは左に浮いているからです。代わりにインラインブロックを使用できます。

text-align: center;#post-areaに追加

削除して .type-post にfloat: left;追加display: inline-block; vertical-align: top; text-align:left;