css - div 内的文本拒绝环绕图像

Question

我已经投入了整整一个小时，却一事无成。

在响应式网站上工作。

在一个 Div 中，我有这两篇文章，左边是文本，右边是图像，我无法让文本环绕图像，我试过在图像上设置高度， float ，边距、文本对齐、随机其他尝试。

IDK 为什么但 CODE 是不可能的，我必须手动缩进每一行!？它只是不适合我。附加 jsfiddle .... http://jsfiddle.net/A8QkE/

请帮忙(:

谢谢。

.wrap {
width: 66.66666666666667%;
margin-left: auto;
margin-right:auto;
margin-top: 200px;  
color: #fff;

}

.nodiv p {
float: left;
/*    text-align: left;*/
display:inline;
/*    word-wrap:break-word;*/
 }
.nodiv img {
 float: right;   
 /*display: inline;    */
    /*height: 300px;*/
      /*    margin:0;*/
 }

http://i.imgur.com/QpN7fiu.png

Answer 1

如果你想让文字环绕你不能使用 float 的图像。

.nodiv p {
   float: left;
   /*    text-align: left;*/
   display:inline;
   /*    word-wrap:break-word;*/
 }
 .nodiv img {
 float: right;   
 /*display: inline;    */
  /*height: 300px;*/
  /*    margin:0;*/
 }

查看代码http://jsfiddle.net/A8QkE/2/