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。