title: Wrapping text around a div/ iframe/ image
body: <p>I need to wrap some text around a div (containing an  iframe of infogr.am). This is the code I have right now:</p>
  
  <pre><code>BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH 
  
  &lt;div align="right" padding-left="1px" width="250" height="500" float="right"&gt;
  
    &lt;iframe src="//e.infogr.am/-1684823382_1377121261" width="250" height="500"
    scrolling="no" frameborder="0" float="right"&gt;&lt;/iframe&gt;
  
  &lt;/div&gt;
  BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH BLAH 
  </code></pre>
  
  <p>But every time I run this, the text stays on the top and bottom of the infogr.am div. What I need is infogr.am div should be aligned right and the text should be wrapping around it (i.e. on the top of it, on the left side of it, and under it). 
  What am I doing wrong? Maybe is the  positioned as absolute? Any suggestions?</p>