JSFiddle - React, Tailwind, and code Playground

by Andrey

HTML

<div class="text_container_l">
	<div class="text_container_r">
	
		<div class="text_l">
		тут текст длиннее
    тут текст длиннее
    тут текст длиннее
    тут текст длиннее
    тут текст длиннее
    тут текст длиннее
    тут текст длиннее
    тут текст длиннее
    тут текст длиннее
    тут текст длиннее
		</div>
		
		<div class="text_r">
		или тут, неважно
    или тут, неважно<br>
    или тут, неважно
		</div>
		
	</div>
</div>

CSS

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