CSSで中央寄せをしたい

質問

商品リストのテーブルがあります。
4個の商品が横並びで3段になっていて合計12個を表示します。
1つの商品の内容自身はテーブルになっていて商品画像、商品名、価格
が表示されます。
個別の商品に<div class="p">として1段目の商品をfloatで横並びにし、4個目が終わるとclearします。
それを繰り返して3段表示します。
この商品リスト全体を<div class="product">として
.product{
　text-align:center;
}
としましたが、中央よりになりません。
なぜでしょうか？
教えてください。
よろしくお願いします。

回答No.2

noname#119957 · ベストアンサー

<div id="product">
<table></table><table></table><table></table><table></table>
<div class="clear"></div>
<table></table><table></table><table></table><table></table>
<div class="clear"></div>
<table></table><table></table><table></table><table></table>
<div class="clear"></div>
</div>

css
.product{
width="xxx"　//.product全体の幅
margin-right:auto;//またはピクセル指定
margin-left:auto;//またはピクセル指定
}

質問の意味は、コンテナの内部のテキストを中央寄せしたのではなくて.product自体を中央寄せにしたいのではないのでしょうか？

回答No.3

kyotokyo

HTMLとCSSファイルをアップロードしてもらうか
文字として貼り付けてもらうと
こちらとしても、そのソースを使って動作確認が出来るので
より完璧な答えが期待できると思いますよ。

通常、divタグをセンターに持ってくる方法は
margin:0px auto 0px auto;
となりますので、こちらを試してみてはどうですか？

text-alignプロパティはあくまで文字をセンターにする
ものと私は認識してます。

回答No.1

torayoshi

全体のタグが分かれば分かりやすいのですが、
中央よりにしたいのはテキスト(商品名、価格)ですよね？
(text-align:center;ってなってるから)
それならセルに対して適用すべきだと思いますが。

td { text-align:center; }