How to flow text from DIV to DIV?

How to flow text from DIV to DIV?

I have two DIVs with absolute position on two sides of a HTML page such as
(EXAMPLE)
<div class="left">
</div>
<div class="right">
</div>
with CSS
.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;
}
Is there a way to add text to the left DIV and flow excess text to the
right one? I am not stuck to this two DIV, and I'm just looking for a
solution to flow excess text to another position.
NOTE: I hope to find a pure CSS solution, though, it seems to be
improbable; then, I am looking for a pure javascript solution (not using
JS libraries).