html - テキストブロックで画像のスタイルを設定するには?

Question

次のレイアウトを作成する、再利用できるスタイルを作成しようとしています。画像を配置して左にフロートさせ、その画像の右側に段落タグの有無にかかわらずテキストを配置します。テキストは、左側の画像の上部に配置されます。

テキストが上部に配置されていないことを除いて、すべてを達成できます。これが私がこれまでに持っているもので、テキストは中央に配置され、上揃えではありません。

<div style="overflow:auto">
<div style="float:left">
    <a href="Images/img.jpg"><img src="Images/img.jpg" /></a>
</div>
<div>
    <p>this is some text that is getting centered along the img height</p>
    <p>Some more text... </p>
</div>
</div>

これが何をするかの例。画像の上部に配置された3つの段落と、それがすでにどのようになっているのか4番目の段落が必要です。 例 http://www.spokanewastewater.org/Images/untitled.jpg