title: How to flow text from DIV to DIV?
body: <p>I have two <code>DIV</code>s with absolute position on two sides of a <code>HTML</code> page such as (<a href="http://jsfiddle.net/GYjgT/">EXAMPLE</a>)</p>
  
  <pre><code>&lt;div class="left"&gt;
  &lt;/div&gt;
  &lt;div class="right"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>with CSS</p>
  
  <pre><code>.left{
      position:absolute;
      left:10px;
      top:10px;
      width:100px;
      height:100px;
      background:red;
  }
  .right{
      position:absolute;
      right:10px;
      top:10px;
      width:100px;
      height:100px;
      background:blue;
  }
  </code></pre>
  
  <p>Is there a way to add text to the left <code>DIV</code> and flow excess text to the right one? I am not stuck to this two <code>DIV</code>, and I'm just looking for a solution to flow excess text to another position.</p>
  
  <p><strong>NOTE:</strong> I hope to find a pure <code>CSS</code> solution, though, it seems to be improbable; then, I am looking for a <code>pure javascript</code> solution (not using JS libraries). </p>