JSFiddle - React, Tailwind, and code Playground

HTML

<div id="main">
			<div class="inner">
				<ul class="column">
					<li class="one">
						<ul>
							<li><a href="#" class="active_link">SIDE MENU</a></li>
							<li><a href="#" class="link">SIDE MENU</a></li>
							<li><a href="#" class="link">SIDE MENU</a></li>
						</ul>
					</li>
					<li class="two">
						<ul>
							<li class="main_content">

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent vitae erat sit amet justo euismod sollicitudin. Phasellus purus nibh, viverra sed ornare eu, consequat quis tellus. Maecenas dui dui, egestas non faucibus quis, imperdiet sed ligula. Etiam congue ligula in odio facilisis luctus. Sed a sodales augue. Fusce auctor est in lacus ullamcorper sollicitudin. Nam viverra blandit orci molestie lacinia. Sed quis nibh mi, eget sollicitudin elit. Aliquam arcu lectus, elementum nec dignissim vel, vulputate et est. Aenean lectus neque, aliquet a laoreet eu, feugiat vitae mi. Proin justo nisi, cursus vel viverra sed, vestibulum a dui. Morbi vitae velit dui, ac vulputate arcu. Quisque non leo lorem, sit amet semper orci. Praesent quis tristique felis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</p>

<br>

<p>Donec fringilla risus turpis. Etiam non diam ligula. Nunc nunc tellus, euismod a elementum id, mattis sit amet sapien. Nullam lobortis dui vel nisl porta tincidunt auctor odio viverra. Curabitur vitae tempus purus. Duis non leo feugiat augue dignissim gravida eu at metus. Mauris placerat erat et dolor lacinia mollis id et lorem. Vivamus erat libero, cursus gravida volutpat non, porttitor id massa.</p>

<br>

<p>Praesent in convallis sem. Nullam neque felis, accumsan eget euismod nec, fringilla eu risus. Aliquam et sem vel erat sollicitudin feugiat sit amet ac diam. Etiam molestie, turpis quis pretium gravida, arcu ligula convallis velit, nec rhoncus massa nisl sed velit. Vestibulum et arcu nibh. Aliquam sodales diam massa. Donec ullamcorper dapibus ante, vel...

CSS

ul {padding:0; margin:0;}

.column li {
	list-style-type: none;
}

.column .one {
	width:200px;
}

.clearfix
{
    clear:both;
}

#main .inner {
    width:900px;
    margin:auto;
}

#main .column .two {
	width:650px;
	padding:10px 0px 10px 0px;
    float:right;
}

#main .column li {
	list-style-type: none;
}

#main .column .one {
	padding:10px 10px 10px 0px;
	float:left;
}

#main .column .one .link {
	display:block;
	float:none;
	border-left:5px solid transparent;
	padding:5px 0px 5px 5px;
	margin:5px 0px 5px 0px;
}

#main .column .one .active_link {
	display:block;
	padding:5px 0px 5px 5px;
	margin:5px 0px 5px 0px;
	border-left: 5px red solid;
}

#main .column .one .link:hover {
	border-left:5px solid blue;
	padding-left:5px;
}