テキストと画像の縦方向を中央寄せする方法

|

テキスト中に小さい画像をきれいに縦方向を揃えて表示したい場合は、vertical-alignを使用します。

(X)HTMLコード

<p>
あいうえお<img src="image.gif" alt="" class="middle" />かきくけこ
</p>

CSSコード

.middle {
   vertical-align:middle;
}

このページに関連する記事

CSSの小技に関する記事(53)

参考サイト

お勧めCSS教本

Powered by Movable Type 4.21-ja

最近のブログ記事