为什么我的文字没有包裹我的图像？

Question

这是我的代码...我想让图像浮动到左侧并换行。 这里是我的代码

<div class="container"> 
<div class="row"> 
    <div class="col-md-12"> 


      <img src="~/Images/COWH/Case Study Images/Broward County FL - Tree Planting at LLMS - 4-29-17 - Patrick Fitzgerald.jpg" class="pull-left img-responsive" /> 


      <h4>Broward County, FL</h4> 

      <p> 
       Broward County, the nation's eighteenth largest county, with a population of 1.7 million people, is located in Southeast Florida and is bordered by the 
       Everglades and the Atlantic Ocean with endless opportunities for viewing and interacting with wildlife. While 2/3 of the county is located in the 
       Everglades, the remaining urban area is a diverse, vibrant, urban community with parks, beaches, and green space 
      </p> 

      <p> 
       Gardening for wildlife, protecting natural areas, and improving flyways for migratory wildlife are a priority for the County Commission, which formed the 
       NatureScape Broward program in 2003 to encourage residents and businesses to create wildlife habitats. Broward County was certified as a Community Wildlife 
       Habitat in 2005, and encourages its 31 municipalities to do the same. Successes include the re-establishment of the endangered Atala butterfly population, 
       increased sea turtle nesting, and the first school district in the nation to be certified as a Schoolyard Habitat. Perhaps the best example of achievement 
       is the continued interest of residents to add native plants, protect water quality, and preserve their unique ecosystems for future generations. 
      </p> 

      <p>Diana, Broward County NatureScape Leader and Community Wildlife Habitat Team Leader</p> 
     </div> 
    </div> 
</div> 

也是这里的结果是什么：

Answer 1

只是指定图像的特定宽度和高度，这样，你的内容可以得到一些空间。

img{ 
    width: 250px; 
    height: 250px; 
    margin: 0 10px 0 0; 
}