インライン要素のまま、上下marginを適用させる

どういう時に利用するか

・インライン要素のまま(ブロック要素に変換せず)に、上下marginを適用させたい時

具体的には？

・「文字列の幅に合せた見出し」をCSSで作成したい時(ブロック要素だと幅一杯に広がってしまう)
・なおかつ、下の間隔を空けたい(インライン要素には上下marginは適用されない。左右なら効く)

利用例は？

・↑ このページのh3タグには、「display: inline-block;」を適用させている

CSS3ではない

・結構ショックを受ける
・そんなに昔からいたのね、あなたは
・「block」「inline」しか利用したことがないオレって一体……
・しかも、これまで一度も見たことも聞いたこともない姉妹も一杯いるし

---

display姉妹

・「display: inline-block」「display: inline-table」の違い
・「display: table」と「display: table-cell」で出来ること
・IE8が対応したCSS 2.1の機能：displayプロパティなど3種類を解説

CSS3

・まあ、ある程度予想はしていたよ
・「CSS2.1」にすらついていけていない現状だから、「CSS3」とかもっと凄いことになってるんだろうな、と

---

floatは、古臭い手法なのか？

・何に一番驚いたかと言えば、登場した当初は洗練された手法だと持て囃されたはずの「float」が、いつの間にか「古臭い」呼ばわりされる地位にまで低下していることだ
背景
・簡単に解説すると、その昔、「テーブル厨」という言葉があってだね……
・止めよう。何だか書いてて空しくなってきた

---

display:box

・box-orient
・box-flex
・box-pack
・box-align