FC2ブログでCSS、HTMLについて

質問

いつもお世話になっております。
今回、ブログで思い通りにデザインできなくてご教授いただこうと思い投稿致しました。

エントリー内の画像「英語」と文字列「テスト」の縦位置がどうしてもずれてしまいます。
縦位置を合わせ綺麗に見せたいのですが、どのように書き換えればうまくいきますでしょうか？

回答No.2

MockTurtle · ベストアンサー

多分現在は画像タグが次のようになっていると思います。

<img src="xxxxxx.gif" alt="" border="0" />テスト

これに下記の通りスタイルを追記してみてください。

<img src="xxxxxx.gif" style="vertical-align:middle;" alt="" border="0" />テスト

これで文字が画像の真横に来るはずです。
vertical-align プロパティについての詳細は下記ページをご覧ください （ ^^

◇ TAG index / 画像に並ぶ文字の位置（縦方向）を指定する
http://www.tagindex.com/stylesheet/img/vertical_align.html

お礼

ご教授ありがとうございます。
少し手こずりましたが何とか納得できる形にできました。

回答No.1

jein

vertical-alignの値をbaselineあるいはbottomにすれば良いのではないでしょうか。
これが垂直方向の位置を決めている部分ですから。
文字にあわせるならtext-bottomでもいいですね。

お礼

ご教授ありがとうございます。
少し手こずりましたが何とか納得できる形にできました。