ブログなどの文章中にアイコンや画像をキレイに挿入する方法ブログやホームページを作成中、テキスト行の中にアイコン画像を挿入したい時があります。 文章中にimgタグで単純に画像を挿入しようとしても綺麗に配置されません。CSSで画像の配置位置について設定する必要があるからです。 特別CSS側で何も設定していない場合、文中にアイコン画像の配置位置は、デフォルトではベースラインに合わせる仕様になっています。 上図のようにしたい。そんなときの備忘録でございます。 CSSでvertical-alignを使えばOK!ブログの文章中にFacebookのアイコンを挿入するとします。 ところが、初期設定は何も考えずにただ文中に画像を挿入してあげると みたいになるはず。 アイコンがボコっと上にはみ出てしまっている。。。 デコポンの頭みたい。でべそみたい。あー、みっともない。 理想は こんな感じにしたい。このほうがキレイじゃないですか。 やり方はカンタンです。 CSSで
