p {
  margin: 0; /* 余分なマージンを消去 */
  padding: 0; /* 余分なパディングを消去 */
}
 
div.img_box {
  width: 398px;
  margin: 0 0 20px;
  padding: 10px;
  border: 1px solid #CCC;
  background: #F9F9F9;
}
 
div.img_box p {
  overflow: hidden;
  zoom: 1; /* IE6 */
}
 
div.img_box p.img_l {
  float: left;
  margin: 0 10px 5px 0;
}
 
div.img_box p.img_r {
  float: right;
  margin: 0 0 5px 10px;
}

<!-- 画像大・左寄せ -->
<div class="img_box clearfix">
    <p class="img_l">
        <img src="img_big.gif" width="120" height="74" alt="サンプル画像大" />
    </p>
    <p>
        テキストが画像の下に回り込みません。テキストが画像の下に回り込みません。テキストが画像の下に回り込みません。テキストが画像の下に回り込みません。テキストが画像の下に回り込みません。テキストが画像の下に回り込みません。テキストが画像の下に回り込みません。テキストが画像の下に回り込みません。
    </p>
</div>
 
<!-- 画像小・左寄せ -->
<div class="img_box clearfix">
    <p class="img_l">
        <img src="img_small.gif" width="100" height="62" alt="サンプル画像小" />
    </p>
    <p>
        テキストが画像の下に回り込みません。テキストが画像の下に回り込みません。テキストが画像の下に回り込みません。テキストが画像の下に回り込みません。テキストが画像の下に回り込みません。テキストが画像の下に回り込みません。テキストが画像の下に回り込みません。テキストが画像の下に回り込みません。
    </p>
</div>
 
<!-- 画像大・右寄せ -->
<div class="img_box clearfix">
    <p class="img_r">
        <img src="img_big.gif" width="120" height="74" alt="サンプル画像大" />
    </p>
    <p>
        テキストが画像の下に回り込みません。テキストが画像の下に回り込みません。テキストが画像の下に回り込みません。テキストが画像の下に回り込みません。テキストが画像の下に回り込みません。テキストが画像の下に回り込みません。テキストが画像の下に回り込みません。テキストが画像の下に回り込みません。
    </p>
</div>
 
<!-- 画像小・右寄せ -->
<div class="img_box clearfix">
    <p class="img_r">
        <img src="img_small.gif" width="100" height="62" alt="サンプル画像小" />
    </p>
    <p>
        テキストが画像の下に回り込みません。テキストが画像の下に回り込みません。テキストが画像の下に回り込みません。テキストが画像の下に回り込みません。テキストが画像の下に回り込みません。テキストが画像の下に回り込みません。テキストが画像の下に回り込みません。テキストが画像の下に回り込みません。
    </p>
</div>

p {
  margin: 0; /* 余分なマージンを消去 */
  padding: 0; /* 余分なパディングを消去 */
}
 
div.img_box {
  width: 398px;
  margin: 0 0 20px;
  padding: 10px;
  border: 1px solid #CCC;
  background: #F9F9F9;
}
 
div.img_box p {
  overflow: hidden;
  zoom: 1; /* IE6 */
}
 
div.img_box p.img_l {
  float: left;
  margin: 0 10px 5px 0;
}
 
div.img_box p.img_r {
  float: right;
  margin: 0 0 5px 10px;
}
 
/* クリアフィックス */
.clearfix:after {
  content: "";
  display: block;
  clear: both;
}
 
.clearfix {
  overflow: hidden;
  zoom: 1;
}

<!-- 画像大・左寄せ -->
<div class="img_box clearfix">
    <p class="img_l">
        <img src="img_big.gif" width="120" height="74" alt="サンプル画像大" />
    </p>
    <p>
        テキストが画像の下に回り込みません。テキストが画像の下に回り込みません。テキストが画像の下に回り込みません。テキストが画像の下に回り込みません。テキストが画像の下に回り込みません。テキストが画像の下に回り込みません。テキストが画像の下に回り込みません。テキストが画像の下に回り込みません。
    </p>
</div>
 
<!-- 画像小・左寄せ -->
<div class="img_box clearfix">
    <p class="img_l">
        <img src="img_small.gif" width="100" height="62" alt="サンプル画像小" />
    </p>
    <p>
        テキストが画像の下に回り込みません。テキストが画像の下に回り込みません。テキストが画像の下に回り込みません。テキストが画像の下に回り込みません。テキストが画像の下に回り込みません。テキストが画像の下に回り込みません。テキストが画像の下に回り込みません。テキストが画像の下に回り込みません。
    </p>
</div>
 
<!-- 画像大・右寄せ -->
<div class="img_box clearfix">
    <p class="img_r">
        <img src="img_big.gif" width="120" height="74" alt="サンプル画像大" />
    </p>
    <p>
        テキストが画像の下に回り込みません。テキストが画像の下に回り込みません。テキストが画像の下に回り込みません。テキストが画像の下に回り込みません。テキストが画像の下に回り込みません。テキストが画像の下に回り込みません。テキストが画像の下に回り込みません。テキストが画像の下に回り込みません。
    </p>
</div>
 
<!-- 画像小・右寄せ -->
<div class="img_box clearfix">
    <p class="img_r">
        <img src="img_small.gif" width="100" height="62" alt="サンプル画像小" />
    </p>
    <p>
        テキストが画像の下に回り込みません。テキストが画像の下に回り込みません。テキストが画像の下に回り込みません。テキストが画像の下に回り込みません。テキストが画像の下に回り込みません。テキストが画像の下に回り込みません。テキストが画像の下に回り込みません。テキストが画像の下に回り込みません。
    </p>
</div>