div中的文本拒绝环绕图像

Question

我为此花了一个坚实的时间，无法到达任何地方。

在响应网站上工作。

在Div中，我有这两篇文章的左侧是文本，右侧是图像，我无法将文本环绕在图像上，我尝试在图像上设置高度，浮动，边距和文本-align，随机进行其他尝试。

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

如果您希望文字换行，则不能使用浮点数。

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

Answer 2

我刚刚修改了这个CSS属性，该属性避免了您占用整个空间的段落：

article p {
   width: 49.91666666666667%; /* DELETE THIS LINE */
  /* 460/960    */
  text-indent:4.34782608695652em;
  padding: 10px 5px 2px 10px;
  text-align: left;
}