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;
}