IT・コンピューター

画像の後ろのテキストを上下中央に揃える方法

数字アイコンとテキスト文字の垂直位置が揃ってなくて、下揃えになっている。こんなことがよくありますが

数字アイコンの画像のタグのうしろに

align="absmiddle"

タグを追加してあげるだけできれいに揃うようになります

<p><img width="16" height="16" align="absMiddle" alt="1" src="http://stat.ameba.jp/blog/ucs/img/char/char2/269.gif" complete="true" complete="true" /> <a href="http://www.jbnbc.jp/" target="_blank">JB日本バスプロ協会・NBC日本バスクラブ</a> </p>

<p><img width="16" height="16" align="absMiddle" alt="2" src="http://stat.ameba.jp/blog/ucs/img/char/char2/270.gif" complete="true" complete="true" /> <a href="http://www.jga.or.jp/jga/jsp/championship/news.html" target="_blank">日本ゴルフ教会</a> </p>

<p><img width="16" height="16" align="absMiddle" alt="3" src="http://stat.ameba.jp/blog/ucs/img/char/char2/271.gif" complete="true" complete="true" /> <a href="http://www.lpga.or.jp/" target="_blank">日本女子プロゴルフ協会</a> </p>

<p><img width="16" height="16" align="absMiddle" alt="4" src="http://stat.ameba.jp/blog/ucs/img/char/char2/272.gif" complete="true" complete="true" /> <a href="http://www.ski-japan.or.jp/official/saj/index.html" target="_blank">全日本スキー連盟</a> </p>

はい、これで画像の真ん中に合わせて文字が並んでいます。