JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
    <div id="content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean lacinia tincidunt nisi at fermentum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean lacinia tincidunt nisi aLorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean lacinia tincidunt nisi at fermentum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean lacinia tincidunt nisLorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean lacinia tincidunt nisi at fermentum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean lacinia tincidunt nisi aLorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean lacinia tincidunt nisi at fermentum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean lacinia tincidunt nisi aLorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean lacinia tincidunt nisi at fermentum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean lacinia tincidunt nisi ai a</div>
    <div id="sidebar">Lorem ipsum dolor sit amet, a enean lacinia tincidunt nisi at fermentum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean lacinia tincidunt nisi aLorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean lacinia tincidunt nisi at fermentum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean lacinia tincidunt enean lacinia tincidunt nisi at fermentum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean lacinia tincidunt nisi aLorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean lacinia tincidunt nisi at fermentum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean lacinia tincidunt .</div>
</div>

CSS

#container{
	background-color:#9cc;
	overflow:hidden;
	width:500px;
}
#content{
    position: relative;
	background-color:#9cc;
	width:400px;
	border-left:100px solid #c33; 
	margin-left:-100px;
	float:right;
}
#sidebar{
    position: relative;
	background-color:#c33;
	width:96px;
	float:right;
}
#content:after {
    position: absolute;
    display: block;
    content: '';
    width: 3px;
    height: 100%;
    left: -3px;
    top: 0;
    background: green;
}
#sidebar:after {
    position: absolute;
    display: block;
    content: '';
    width: 3px;
    height: 100%;
    right: 0;
    top: 0;
    background: green;
}