JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
    <div class="top">
        ici du texte et encore du texte mon petit koskoz et c'est dynamic comme tu peux le voir
    </div>
    <div class="div1">
        le premier div de gauche qui contient du texte et encore du texte
    </div>
    <div class="div2">
        koskoz est un noob koskoz est un noob, je répète : koskoz est un noob
    </div>
</div>

<div class="container">
    <div class="top">
        ici du texte et encore du textwefwefwgergwergwerggwergwergwergwerge mon petit koskoz
    </div>
    <div class="div1">
        le premier div de gauche qui contient du texte et encore du texte
    </div>
    <div class="div2">
        koskoz est un noob koskoz est un noob, je répète : koskoz est un noob
    </div>
</div>

CSS

.container {
    zoom:1;
    margin-bottom:10px;
}
.container:after {
    content:" ";
     height:0; clear:both;display:block;
}
.div1, .div2 {
    float:left; width:35%; background:black; color:#ffffff;
    margin-right:10px;
}
.div1 {
    clear:right;
}

.top {
    float:right; 
    background:orange; 
    color:#000000;
    width:33%;  
    margin-bottom:-20px;
    position:relative; z-index:2;
}