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

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

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

No.2 ベストアンサー 回答者： MockTurtle 回答日時： 2008/10/06 23:30

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

<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_ …

この回答へのお礼

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

お礼日時：2008/10/07 02:04

No.1 回答者： jein 回答日時： 2008/10/06 21:46

vertical-alignの値をbaselineあるいはbottomにすれば良いのではないでしょうか。

これが垂直方向の位置を決めている部分ですから。
文字にあわせるならtext-bottomでもいいですね。

この回答へのお礼

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

お礼日時：2008/10/07 02:04