画像の上下横の空白を消し、その横に文章を入れるには

質問

ホームページ作成ソフト（ＡｌｐｈａＥｄｉｔ）を使ってテンプレート上の文章スペースにペイントで作った画像を貼ったのですが、絵の上下や、とくに横に無駄な空白ができてしまします。
・絵のすぐ横に文を入れるために、この空白を消したいのですがどうすればいいのでしょうか？

また、画像の横に何行か文章を並べたいのですが、画像の横部分、一番下に１行しか入りません。
・どうすれば画像の横に複数行並べられるでしょうか？

お分かりになる方だけでもいいですので、手順を教えていただけると幸いです。

回答No.1

noname#100277

アプリケーションからの変更に関しては不明ですが、作成されたHTMLをテキストエディタ（Windowsならメモ帳）から開いて、直接編集で以下の様にする。
例）画像を左に置いて右に文字列を配置する。
純粋にHTMLの場合。
<img src="" alt="" title="" width="" height="" align="left" border="0">文字列（此の文字列内に<br>を記述しても構わない。）<br clear="left">
CSSの場合。
<img src="" alt="" title="" width="" height="" style="text-align:left;border-width:0px;">文字列（此の文字列内に<br>を記述しても構わない。）<br style="clear:left;">
<br clear="left">の後に文字列を入れると画像の下に文字列が入ります。

補足

ご回答ありがとうございます。
「ＨＴＭＬソース」の部分を見てみましたが、ご提示されたどちらのタイプでもなく、
<img style="WIDTH: 160px; HEIGHT: 164px" border="0" alt="" src="../../image/character.gif" width=547 height=332>
となっていました。

この後ろに<br clear="left">や、<br style="clear:left;">をいれて間に文字を入れてもやはり文字は一番下から入ってしまいます。。。

私のやり方が悪かったのでしょうか？
ご指摘やなにかわかったことがありましたら、お返事いただければと思いますm(__)m