Html 在div中使用环绕图像的文字

我试图将文本环绕在一个div上，该div的底部有一个图像和一些文本。我似乎无法把文字包装起来

html:

---

像这样？在文章照片中添加float:left，并从中删除高度。->完全正确完全正确非常感谢你。

<div id="department-article-bottom" class="department-article">
  <div id="article-photo">
    <img src="includes/resources/images/DrNoemiBalogh.jpg" class='reverse alignleft'  width="200" height="200" alt="Dr. Noemi Balogh, Attending, Anesthesiology">
     <span id="photo-text"> Sunune Sayananondh, RN, and Juan Reyes, Special Procedure Technician, preparing patient for cardiac catheterization procedure</span>
   </div>
      <p>In the outpatient area, Bronx-Lebanon’s Cardiology practices are seeing more than 15,000 visits annually, providing comprehensive services in coordination with primary care and referring community physicians. Additionally, its Echocardiography and Nuclear Stress Testing Laboratories performed 10,000 echocardiograms (heart ultrasounds) and 3,000 stress tests in 2012. These facilities are internationally recognized for their high quality care.</P>          
</div>

.department-article {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-style:normal;
    color:#333;
    width: 462px;
}

#article-photo {
   clear:both;
   width: 200px;
   height: 200px;
   padding-bottom: 5px;
   margin-bottom:20px;
   display:inline-block;
}

#photo-text {
   font-family: "ff-din-web", Arial, Helvetica, sans-serif;
   font-size: 9px;
   font-weight: bold;
   color:#155085;
   padding:5px;
   width:180px;
 }