【HTML】テキストの画像回り込み

webページで、テキストを画像に回りこませる方法
http://www.keni-customize.net/img-mawarikomi-681/

<p><img src="hoge.jpg" class="alignleft" /></p>
<p class="mawarikomi">回りこませるテキスト</p>
<p class="clear">回り込み解除</p>


p.mawarikomi{
overflow: auto;
}

p.clear{
clear: both;
}


HTML初心者なので、htmlにスタイルを書き込む方法メモ
<div style = "overflow:auto; color:red;">hogehoge</div>