カラフルなブログとか

ちょっとしたメモ代わりに

ブログで画像を貼り付けて、その画像の周囲に文字を回りこませたい

長いタイトルになりました。ブログに写真載せるだけでなく、写真と文字を上手くレイアウトしたいのです。

 

すぐにやり方忘れるのでメモメモ。

 

<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を指定すれば回りこみを解除できます。