投稿した写真の周りに文章を回りこませるには

ライブドァブログで、投稿フォームの形式をＷＹＳＩＷＹＧエディタで投稿しています。

1）文字の下に写真
2）写真の右に文字
3）写真の下に文字

以上は出来ますが

4）写真の左に文字

画像の回り込み表示を「画像を右寄せ」にすると出来ますが、思うような出来栄えになりません。

画像の回り込みはHTMLタグでは下記のようになります。
画像を左寄せ

<img src="...." align="left" />

画像を右寄せ

<img src="...." align="right" />

何も設定をしていないと、回り込みはしません。また回り込みを解除したい場合には回り込みを解除したい改行を下記のようにします。

<br clear="all" />

で、ライブドアブログでは「投稿の設定」から画像を投稿したときに予めつける回り込みのタグを設定することができます。

しかし、注意点としては回り込みをする文字はimgタグに続く文字になります。HTMLソース上は具体的には下記のようになります。

<img src="..." align="right" />「ここに続く文字が画像の左側に表示されます」

シンプルエディタの場合はあまり意識する必要はありませんが、これをWSYWYGエディタで注意が必要です。imgタグが既に右寄せで表示されている場合にその画像の左側に文字を書こうとするとHTMLタグ的にはimgタグの前に文字が挿入され、結果的には画像の上に文字が入ります。そのために右寄せされている画像のさらに右側にカーソルを合わせて文字を入力する必要があります。そうすると入力した文字が画像の左側に表示されます。そのあとは、表示された文字に続ける形で入力すれば問題ありません。