inline-block

cssでdisplayの指定の一つ。

>|css|
#hoge{
display:inline-block
}
||<

ってな感じで記載する。

ブロック要素とインライン要素の中間にあたるのかな？
ブロックと違い、幅を最大限までとったりせず、中の要素の幅に合わせてくれる。
だから無駄に改行もしないし、floatを使わなくてもブロック的な要素を横並びにできる。

IEでinline-blockがきかない！？

非常に便利なので多用すると、IEでやられる。
IE6,7だと、inline-block要素も無駄に改行されるから・・・。
結局IE用にfloatしないといけなくなる！