画像の横にあるテキストを上下中央にするスタイルシート

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;
}
http://css-happylife.com/log/css-template/000349.shtml
http://www.yomotsu.net/wp/?p=387
あとは、img属性にvertical-align:middle
を指定するとうまくいくかも。

タイトルとURLをコピーしました