JSFiddle - React, Tailwind, and code Playground

HTML

<div id="hidden_content">
 

 
 <div class="history-left">
 Лево Лево Лево Лево Лево Лево Лево Лево Лево Лево Лево Лево Лево Лево Лево
 </div>
 
 <div class="history-right">ПраваоПраваоПраваоПраваоПраваоПраваоПраваоПраваоПраваоПраваоПраваоПравао</div>
 </div>

CSS

.history-left {
float:left;
width:50%;
background: rebeccapurple;
}

.history-right {
float:right;
width:50%;
background: green;
}
#hidden_content{ 
 background: #fff;
 height: 100%;
position: relative;
 width: 100%;