css - div をセクションの中央に配置する

Question

<div>を中心にしようとしてい<section>ます。margin-left と margin-right を設定しても機能しautoません (私の通常の方法)。私は何を忘れていますか？

問題の jsFiddle: http://jsfiddle.net/veWKh/

Answer 1

それを試してみてください

section {
    background-color: rgba(0,0,0,0.2);
}

div {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

Answer 2

最初に幅を設定します。そうしないと、スペース全体を占有し、マージンの設定が機能しません

div {
    width:30em; 
    margin-left: auto;
    margin-right: auto;
}

Answer 3

この div の幅は制限されていないため、何をしているのかは見えません。

div {
    display:block;
    width:50%;
    background-color: #ffffff;
    margin: 0 auto;
}