display:inline-block; を使う | css | understandard.net要素の横並びに float:left; ではなく display:inline-block; を使うためのメモ。 元ネタは、CSS display: inline-block: why it rocks, and why it sucks ※ 2011年4月12日追記: 暫定版ですが、新しい方法を書きました。display: inline-block を使う（修正版） float:left; で横並びにしようとしたとき、各要素の高さが違うと このようになってしまいます。 カッコ悪いですよね…。というよりデザイン通りになっていません。 display:inline-block; を使うと、 このようになります。素晴らしい！エクセレント！ display:inline-block; には、text-align および vertical-align が指定できるので、今まで面倒だったレイアウトが
