もっとおしゃれにAmeba Ameba HTML タグ入門 #02 画像配置 文字の周辺配置

<img style="margin: 5px 10px 15px 20px; display: inline" align="left" src="http://stat.ameba.jp/user_images/20110515/20/ichamaru/3d/4d/j/o0800051311230115755.jpg" width="50%" height="" />このコードに続けて文字を打つ・・・・

このコードに続けて文字を打つと、左側に文字が表示されていきます。もう少し画像との間隔をとりたいということであれば、style="margin: 5px 10px 15px 20px; は上、右、下、左の時計回り順番なので

<img style="margin: 5px 30px 15px 20px; display: inline" align="left" src="http://stat.ameba.jp/user_images/20110515/20/ichamaru/3d/4d/j/o0800051311230115755.jpg" width="50%" height="" />とすると画像との感覚が広がります。・・・・

とすると画像との感覚が広がります。左の空いているのが気持ち悪ければ、

<img style="margin: 5px 30px 15px 0px; display: inline" align="left" src="http://stat.ameba.jp/user_images/20110515/20/ichamaru/3d/4d/j/o0800051311230115755.jpg" width="50%" height="" />左の空きがなくなります

左の空きがなくなります

<img style="margin: 5px 30px 15px 0px; display: inline" align="left" src="http://stat.ameba.jp/user_images/20110515/20/ichamaru/3d/4d/j/o0800051311230115755.jpg" width="50%" height="" />このままだらだらと文章を書くと自然と文書が画像のまわりを回り込みます。だらだら～～・・・

このままだらだらと文章を書くと自然と文書が画像のまわりを回り込みます。だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～

<img style="margin: 5px 30px 15px 0px; display: inline" align="left" src="http://stat.ameba.jp/user_images/20110515/20/ichamaru/3d/4d/j/o0800051311230115755.jpg" width="50%" height="" />強制的に回り込みを解除して次に進みたいときは、<br clear="all">と書くと、回り込みが解除されます。だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～<br clear="all">だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～

強制的に回り込みを解除して次に進みたいときは、<br clear="all">と書くと、回り込みが解除されます。だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～
だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～

<img style="margin: 5px 0px 15px 30px; display: inline" align="right" src="http://stat.ameba.jp/user_images/20110515/20/ichamaru/3d/4d/j/o0800051311230115755.jpg" width="50%" height="" />強制的に回り込みを解除して次に進みたいときは、<br clear="all">と書くと、回り込みが解除されます。だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～<br clear="all">だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～

強制的に回り込みを解除して次に進みたいときは、<br clear="all">と書くと、回り込みが解除されます。だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～
だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～だらだら～～