img浮動到文本的左側

Question

我無法使圖像浮動到文本的左側。能否請你幫忙？還可以在CSS中寫入width =「200」height =「200」嗎？如果可能的話，怎麼樣？謝謝你的幫助。

Html code 

     <div class="content"> 
     <img src="img1.jpg" class="bw" width="200" height="200" alt="king"> 
     Content is very important bla bla bla....Content is very important bla bla bla....Content is very important bla bla bla....Content is very important bla bla bla....Content is very important bla bla bla....Content is very important bla bla bla....Content is very important bla bla bla....Content is very important bla bla bla....Content is very important bla bla bla....Content is very important bla bla bla.... 
     </div> 


CSS 
    div.content { 
     width:80%; 
     padding-top: 2pc; 
     padding-left: 5pc; 
     text-align:left; 
     font: 10pt Helvetica,"Helvetica neue", Arial, sans-serif; 
     margin-left: 100px; 
     margin-right: 300px; 
     color: #000000 } 

    div.img.bw { 
     float:left; 
     margin:4px; } 

Answer 1

div.img.bw不正確。您應該將其定義爲div img.bw。您需要在div的元素中定位並指定image與類bw。這是div img.bw的目標。還要定義高度和寬度使用：

div img.bw { 
    float:left; 
    margin:4px; 
    width:200px; 
    height:200px; 
} 

Answer 2

最大的問題是您的選擇器在您的圖像上是錯誤的。

它應該是：

div img.bw { 
float: left; 
margin: 4px; 
} 

現在CSS是尋找與類 「IMG」 一個div。