記事内に画像を投稿し、文字を回り込み表示させた時、文字と画像の間隔を空けるには

記事内に画像を投稿し、文字を回り込み表示させた時、文字と画像の間隔を空ける方法を以下に説明します
CSS部分に以下のようなイメージ（画像）用のCSSを追加します
（私が作ったテンプレートにはCSS内部に以下のような表記があるテンプレートもあるのですが、
もしCSSを一通り見て、以下のような部分がない場合にだけ追加してやってくださいm(_._)m
なお、3color_columnsとbizarre_columnsには以下のような表記がないので追加してやってください）

/* Image
------------------------------------------------------------ */

/* 文字と間隔を空けたい画像用クラス（投稿時に自分でクラスを設定してください） */
.pics {
padding : 3px;
}

/* 枠付の画像を左側に回り込み（投稿時に自分でクラスを設定してください） */
.pics-l {
float : left;
margin : 0 10px 5px 0;
padding : 3px;
}

/* 枠付の画像を右側に回り込み（投稿時に自分でクラスを設定してください） */
.pics-r {
float : right;
margin : 0 0 5px 10px;
padding : 3px;
}

記事を投稿する際に
↓の例ように
画像タグ内にclass="pics-l"やclass="pics-r"を追加してやると画像と文字が離れた状態で文字が画像を回りこむようになります
例：<img src="画像URL" class="pics-r">