如何在不知道高度的情况下垂直对齐div

Question

我有这两个列的布局;一列是图像，另一列是文本。 奇数行图像将浮动到左侧（这意味着奇数行文本在右侧） 在偶数行上，图像将向右浮动，等等。

HTML

<div class="groupsection clear">
    <p><img src="01.png" alt="" /></p>
    <div class="want_center">
        <h3>Title 1</h3>
        <p>something 1</p>
    </div>
</div>

<div class="groupsection clear">
    <p><img src="02.png" alt=""  /></p>
    <div class="want_center">
        <h3>Title 2</h3>
        <p>something something</p>
    </div>
</div>

CSS

.groupsection > p {float:left;}
.groupsection:nth-child(2n+1) > p {float:right;}

有没有办法让图像居中，而不知道图像的高度？ （因为图像尺寸会有所不同）。