在div / iframe /图片周围换行

D.J*_*win 3 html css formatting text word-wrap

我需要在div周围包装一些文本(包含infogr.am的iframe)。这是我现在拥有的代码:

BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH 

<div align="right" padding-left="1px" width="250" height="500" float="right">

  <iframe src="//e.infogr.am/-1684823382_1377121261" width="250" height="500"
  scrolling="no" frameborder="0" float="right"></iframe>

</div>
BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH 
Run Code Online (Sandbox Code Playgroud)

但是每次我运行此命令时,文本都停留在infogr.am div的顶部和底部。我需要的是infogr.am div应该右对齐,并且文字应该环绕在它周围(即,在它的顶部,左边和下面)。我究竟做错了什么?也许定位是绝对的?有什么建议么?

小智 5

尝试这个:

<div style="float: right; width: 0px; height: 100px"></div>
<div style="float: right; clear: right"><iframe src="//e.infogr.am/-1684823382_1377121261" width="250" height="500"
  scrolling="no" frameborder="0" float="right"></iframe></div>
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text texttext text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text texttext text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text texttext text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text
Run Code Online (Sandbox Code Playgroud)

您可以看到它在这种提琴中起作用:http : //jsfiddle.net/7t8HR/

祝好运