CSSで、画像と画像の左に回り込みの文章を記載して、それ全体を囲う枠について。

berryz_sakiさん

CSSで、画像と画像の左に回り込みの文章を記載して、それ全体を囲う枠について。

CSSで、画像と画像の左に回り込みの文章を記載して、それ全体を囲う枠についての質問です。

CSSを使い、下記の様にしました。

|￣￣￣| 回り込みの
| 画像 | 文章を記載
|＿＿＿| しています。

ただ、これだけだと、ホームページ上で、その部分だけ浮いた様に見えるため、
全体を、下記の様にセンター寄せで、枠で囲ってあげようと思います。

|￣￣￣￣￣￣￣￣￣￣￣￣|
| |￣￣￣| 回り込みの |
| | 画像 | 文章を記載 |
| |＿＿＿| しています。 |
|＿＿＿＿＿＿＿＿＿＿＿＿|

試しに、センター寄せはせず、取り敢えず囲ってあげようと試みましたが、
画像が、枠からはみだしてしまいます。

きちんと、回り込みを行う為には、どの用に記載すればいいのでしょうか？

ちなみに、枠からはみ出した際のタグは、下記の様に記載しました。

【HTML側】

<div class="1">
<p class="2">
●●●●
</p>
<br>
・■■■■
<img src="●.jpg" alt="●●●●" width="●" height="●" class="left">
<p>
◆◆◆◆◆◆◆<br>
◆◆◆◆◆◆◆
</p>
</div>

【CSS側】

img.left{float:left;}

.1{
background-color: #ffffff;
border: 1px #0053e6 solid;
margin-top: 2px;
margin-bottom: 2px;
}

です。
宜しくお願い致します。