文字の垂直位置 【vertical-align】

※ブラウザで表示した時の見え方

薔薇 撮影者:あい

※ソースサンプル(HTML)

【CSS】
.middle {
vertical-align: middle
}
【HTML】
<img src="./img/rose.gif" alt="薔薇" class="middle">
撮影者:あい

※ソースサンプル(XHTML)

【CSS】
.middle {
vertical-align: middle
}
【HTML】
<img src="./img/rose.gif" alt="薔薇" class="middle" />
撮影者:あい

[ 黒※説明中のタグ 紫※省略可能なタグ 赤※変更可能 緑※文章など ]

※解説

オプション
baseline文字をベースラインに配置するvertical-align: baseline
super文字を上付きするvertical-align: super
sub文字を下付きにするvertical-align: sub
topセル内の文字を上揃えにするvertical-align: top
middleセル内の文字を中央揃えにするvertical-align: middle
bottomセル内の文字を下揃えにするvertical-align: bottom
機能