画像と文章（テキスト）の配置関係の例

　配置例を見やすくする為に、背景を付けています。

 

　<div style="background:#FFCCFF; padding:20px;">

　　この間に、下記の配置のHTMLを入れる

　</div>

 

<div style="background:#FFCCFF; padding:20px;">

    <img src="画像データのURL" height="30" style="float:left" alt="" />

    <p>

        「ホーム」の画像を左側に表示

    </p>

</div>

<div style="background:#FFCCFF; padding:20px;">

    <img src="画像データのURL" height="30" style="float:right" alt="" />

    <p>

        「ホーム」の画像を右側に表示

    </p>

</div>