絶対中央配置のCSS

まとりさんが紹介してた、Firefox11で画像が絶対中央配置(上下左右中央揃え)されるCSSが便利そうだったので、仕事でもちょこちょこ使っている。インライン要素でやったらどうなるのと思って試してみたらちょっと面白かった。

インライン要素に例のルールを指定すると、display: block;をしなくても任意の大きさに表示させられるようになる。

調べてないけど仕様っぽい。視覚整形モデルあたりかな。