title: Wrap text around both sides of div
body: <p>Here is what I try to achieve:</p>
  
  <p>With the following <code>HTML</code>:  </p>
  
  <pre><code>&lt;div id="my1"&gt; 
  &lt;p&gt; some text &lt;/p&gt;  
  &lt;div id="wrap"&gt;Awesome content&lt;/div&gt;  
  &lt;/div&gt;  
  </code></pre>
  
  <p>Having this:  </p>
  
  <pre><code>text text text text text text text text text text text text text text  
  text text text text text div id="wrap" text text text text text  
  text text text text text text text text text text text text text text  
  </code></pre>
  
  <p>Floating <code>div</code>s didn't help me reaching this result so far... (considering height and width for both my1 and wrap are known)?</p>
  
  <p><a href="https://i.stack.imgur.com/2tAl4.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/2tAl4.png" alt=""></a></p>
  
  <p>A fiddle where the text starts from the right side of the wrapped div, when I wish it starts from the left of "my1" div, breaks around "wrap" div.
  <a href="http://jsfiddle.net/matmat/dxV4X/" rel="nofollow noreferrer">http://jsfiddle.net/matmat/dxV4X/</a></p>