HTML画像の右側にdivで囲ったpタグをど真ん中に表示させたい

すこし壁にぶち当たったので質問します。
右寄せで上下右に余白なしで1:1の比率でwidth34%の画像を配置して
その左側の余ったスペースの中央にdivで囲った複数行の文章を配置したいんですけど、なかなか上手くいかないので誰かご教授ください。
またその下に左寄せバージョンのものと今回の右寄せバージョンを交互にいくつか配置します。

No.1 回答者： t_fumiaki 回答日時： 2018/02/17 13:35

pタグは文章と言う意味では無く、「段落」と言う意味。

デフォルトでは改行して1行分スペースが出来る。
だから、pタグは要らない。
もし使うなら、margin,paddingを0指定する。

divがブロック要素だから、alignやtext-alignは無効。

これを踏まえると以下にする。
pタグを使った例

html部分
<img id="gazo" src="○○・・・○.gif"/>
<div id="chuo">
<div><p>ここへdivで囲ったpタグを中央表示</p></div>
<div><p>ここへdivで囲ったpタグを中央表示</p></div>
<div><p>ここへdivで囲ったpタグを中央表示</p></div>
<div><p>ここへdivで囲ったpタグを中央表示</p></div>
<div><p>ここへdivで囲ったpタグを中央表示</p></div>
</div>

css部分
p { margin: 0; padding: 0; }
#gazo {float: right;width:34%;}
#chuo {width:64%; margin:0 auto;}