2 divs /// equal height

HTML

<div class="text_container_l">
<div class="text_container_r">
    <div class="text_l">
        .text_container_l
        <br>
        .text_l
    </div>
    <div class="text_r">
        .text_container_l
        <br>
        .text_lw
    </div>
    <div class="text_l">
        .text_container_r
        <br>
        .text_r 
        <br>
        <br>
        end of long long long long text
        <br>
        fdfdfdf
    </div>
</div>
</div>

CSS

.text_container_l {
    width: 50%;
    float:left;
}
.text_container_r {
    width: 100%;
    float:left;
    margin:0 0 0 100%;
}
.text_l {
    float:left;
    width:100%;
    margin:0 0 0 -100%;
}
.text_r {
    float:left;
}

/* colorize a bit */
.text_container_l {
    background: #fdd;
}
.text_container_r {
    background: #dfd;
}
body {
    background: #eef;
    margin: 10px;
}