JSFiddle - React, Tailwind, and code Playground

HTML

<div id="main">
		<div id="left">
			<div id="content">
				<p>Текст слева</p>
			</div>
		</div>
			
		<div id="right">
			<div id="line">				
			</div>
			<p>Текст справа</p>
		</div>	 
	</div>

CSS

#main {
	width:100%;
	margin-top: 1px;
}

#left {	
	background:silver;
	float:left;
	width: 75%;	
}

#content {	
	background: red;
	margin-top: 50px;
	margin-left: 50px;
	max-width: 100%;
}

#right {
	float:right;
	width: 25%;
	background:gray;	
	border-left: 2px solid red
}