div要素でfloatした対象をセンタリングしたいならinline-blockが簡単

floatした対象をセンタリングしたい!そんな時は

text-align: center

とやってしまいがちですが、これではセンタリングされません。

では、どうすればよいか。inline-blockを使うと簡単にできます。

display:inline-block;

text-align: center;

inline-blockは、その中の対象をテキストとして扱うことになるため、text-alignが有効になり、センタリングされるというわけですね。

スポンサーリンク

シェアする

  • このエントリーをはてなブックマークに追加

フォローする