画像とかの横にあるテキストを上下中央にする。

サンプル

あああああああ
いいいいいいいいいい
うううううう
あああああああ
いいいいいいいいいい
うううううう
えぇぇぇぇえ！！！

HTMLソース

<div class="centeringTest">
<p class="image"><img src="img/share/bg_footer.gif" alt="footer画像" width="100" height="300" /></p>
<p>
あああああああ<br />
いいいいいいいいいい<br />
うううううう<br />
あああああああ<br />
いいいいいいいいいい<br />
うううううう<br />
えぇぇぇぇえ！！！
</p>
<!-- / .centeringTest --></div>

CSS

div.centeringTest p {
	display: table-cell;
	vertical-align: middle;
	margin: 0;
}

/*for IE6 */
* html .centeringTest p {
	display: inline;
	zoom: 1;
}

/*for IE7 */
*:first-child+html .centeringTest p {
	display: inline;
	zoom: 1;
}