コンテナ内で中央に並んでいるフローリングアイテム

Question

私のジレンマはこれです（単純であると思います）。私はコンテナとアイテム（両方のdiv）を持っています。以下のCSSが適用されます。

.container { 
    float:   left; 
    width:   100%; 
} 


.item { 
    margin:   32px; 
    text-align:  center; 
    position:  relative; 
    float:   left; 
} 

.item自体は任意の要素のほぼすべてのセットを持つことができるコンテナですが、彼らはセンターがその中に整列する必要があります（私の場合、それは一般的にサムネイル画像が含まれていますそれの下にあるテキストの小さな字幕）。上記のCSSはそれぞれの.itemが好きなように水平方向に流れることを許していますが、セットセンター全体をどのように整列させるかを理解することはできません（今のように左から右に流れるのではなく）。

Answer 1

編集
変更.item { display: block; }.item { display: inline-block; }に、離れ.item { float:left; }を取ると、あなたがここでそれを見ることができますtext-align: center;

.containerに追加します。あなたはまた、width:75%; margin: 0 auto;で.innerのdivを配置し、入れることができますhttp://jsfiddle.net/JMC_Creative/RQrRb/

あなた.itemのの場合は、です。側面にスペースがある場合は、

Answer 2

Mozillaのチュートリアルを見てみましょう。それはちょうどtext-align:center;

Cross Browser Inline Block

Answer 3

.container {
width: 100%;
}

.item {
margin: 32px;
text-align: center;
}に親コンテナを設定することにより、中央揃えすることができ