画像の横にテキストを配置

こんにちは。WEBディレクターのひよっこです。

今日は画像の横にテキストを配置するについてです。

普通に画像を張り付ける場合、imgタグを使えば簡単にできてしまいますが、画像の横にテキストが配置されるようにするにはどうすればいいのかわからず、苦戦していました。

調べてみると、実は簡単で、imgタグの中に「align=””」を追加すればいいとの事。
画像を右に配置したい場合は「align=”right”」、左に配置する場合は「align=”left”」になります。

また top,middle,bottomを入れると、テキストが上段、中段、下段のどの位置からはじめるのか指定することができます。

画像横にテキストを配置することを意識したことがなかったのでいい勉強になりました。