ブログで画像を貼り付けて、その画像の周囲に文字を回りこませたい
長いタイトルになりました。ブログに写真載せるだけでなく、写真と文字を上手くレイアウトしたいのです。
すぐにやり方忘れるのでメモメモ。
■ <IMG src="URL(画像のアドレス)" align="leftまたはright">
画像を回り込ませるにはalign属性を使い、leftまたはrightを指定します。
align="left"と記入すれば、画像を左に配置し文字を右側に回りこませることができます。
align="right"と記入すれば、画像は右側に配置され、文字は右側に回りこみます。
また、この回り込みを途中でやめることもできます。改行をするときに使う<BR>タグにclear属性を指定し、値にleft、right、allを指定します。
〈例〉
<IMG src="mni.gif" align="left">
レトロなデザインが目を惹くミニモークの<BR clear="left">再販のウワサは本当なのでしょうか。
このように記述すると、次のように表示されます。
quote:asobibiyori
レトロなデザインが目を惹くミニモークの
再販のウワサは本当なのでしょうか。ミニをベースに設計された「ミニ・モーク」が再販するらしい | roomie(ルーミー)
画像が左側の回りこみ解除はleft
画像が右側の回りこみ解除はright
画像が左右のどちらにあっても、値にallを指定すれば回りこみを解除できます。