Javascript 如何使用基础手风琴列表格式化图像和VCART

我正在制作一个名单，上面有使用手风琴功能的人的名字。当用户单击他们想要的人时，下拉内容将显示他们的图像和vcard。如何格式化内容，使图像位于右侧，然后使vcard位于左侧，并与之相邻？我正在使用已经内置的基础。谢谢

 <div class="accordion-content">

            <img src="http://thumb9.shutterstock.com/display_pic_with_logo/1294/108451796/stock-photo-friendly-male-doctor-at-the-gym-smiling-108451796.jpg" alt="PCP" style="width:304px;height:228px">
            <ul class="vcard">
                <li class="fn">Gaius Baltar</li>
                 <li class="street-address">123 Colonial Ave.</li>
                 <li class="locality">Caprica City</li>
                <li><span class="state">Caprica</span>, <span class="zip">12345</span></li>
                 <li class="email"><a href="#">g.baltar@example.com</a></li>
            </ul>
        </div>

---

正如Bigbobbr所述，下面的方法应该有效

<img style="width:304px;height:228px;float:right;" src="http://thumb9.shutterstock.com/display_pic_with_logo/1294/108451796/stock-photo-friendly-male-doctor-at-the-gym-smiling-108451796.jpg" alt="PCP">

style=float：在图像上是否正确？