【CSS】画像の横のテキストを中央に配置するには

css

よく画像の真横にテキストを配置するときにわざわざCSSでfloatさせて・・・などめんどくさい作業をしていたと思いますが、もっと簡単な方法があるのでメモ。下記のような感じにしたい。

displayプロパティをtable-cellにする

中央に配置するにはcssでdisplayプロパティをtable-cellに変更してvertical-alignでmiddleにするのがポイント。

CSSは下記のようにする。画像とテキストとのスペースは画像にパッディングを設定すればいいかと。。
簡易バーションとしてIE用の\9ハックを利用してまとめたバージョンもメモっとく。