使用div在图像周围环绕文本

Question

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

HTML：

<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>

CSS：

.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;
 }