日本語を記入すると文字化けした話。Comment画像の隣にテキスト、というのではなくて文章だけの場合です。テキストが一行ならline-heightでおkだけど、行が複数あった場合はどうする?テーブル使えば一発だけどdivでやろうとすると結構面倒くさい。&lt;/p&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/body&gt;&lt;/html&gt;各要素にborderを表示すると分かりやすい。middleで一発です。IE7以下IE7以下はdisplay:table-cell未対応なのでpositionを使う。親になる要素(div.centering)をposition:relativeにすると、子要素のpositionプロパティをstatic以外の値にした場合に親の左上を基準とします。長子要素のdiv.centering-bodyをposition:absoluteにしてtop:50%にするとちょうど親要素の中心線がdiv.centering-bodyのy=0の位置になるわけです。div)を親要素の中心から-50%上に移動させれば、きっちり上下中央になる、という仕掛けです。試してみたんだけど、ハックよりif使う方がスマートらしかった。DesignWall.。