JSFiddle - React, Tailwind, and code Playground

HTML

<div id="drag">

	<fieldset><legend><b>TITLE</legend>
	<div class='list'>
		
		<!-- left container -->
		<div id="left_container">
		
			<div id="left">
			Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis eget erat non augue vestibulum fringilla. Maecenas fermentum ante mattis interdum vestibulum. Aliquam vel dui ac turpis consectetur accumsan quis eu libero. Sed finibus neque vel ipsum lacinia lobortis. Pellentesque lorem erat, ullamcorper vitae consectetur nec, tempor sit amet nisi. Aenean posuere ante egestas quam rhoncus, ut laoreet dui mattis. Quisque condimentum fermentum metus sit amet posuere. Ut sed lectus orci.
			Cras nec enim faucibus, consectetur eros ut, vulputate est. Maecenas sollicitudin vestibulum eros, sit amet porta enim molestie eget. Etiam commodo ex efficitur ligula ornare iaculis. Aliquam erat volutpat. Nullam mollis eleifend nisl a rhoncus. Sed egestas lacinia est ut mollis. Duis fermentum odio eget diam placerat, eu placerat sapien laoreet. Sed mollis leo id tortor dapibus, in finibus lacus aliquet. Donec semper vel libero eu placerat. Nam hendrerit pretium nunc, vel malesuada nisi tincidunt in. Duis ligula metus, dignissim ac laoreet in, aliquam et ipsum. Maecenas non condimentum leo. Morbi convallis turpis lobortis dignissim mattis.
			Quisque at hendrerit magna. Praesent id ligula eleifend, semper lacus sed, sagittis mauris. Nulla molestie tristique sem, non ultrices nisl mattis ut. Nulla ut nisi quis elit porta tempor. Duis semper sem tellus, nec viverra metus dignissim nec. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nulla libero lectus, iaculis sit amet enim eget, facilisis blandit enim. Ut dolor massa, imperdiet id lorem a, molestie vestibulum nulla. Fusce non condimentum purus, ut egestas mi. Ut lacinia rutrum nulla a convallis. Vestibulum ac metus urna. In hac habitasse platea dictumst. In ac eleifend mi.
			Duis at cursus mauris, non viverra ipsum. Sed facilisis, arcu...

CSS

body {
	font-family: arial;
	margin: 0px;
}

.drag {
	cursor: move;
	margin: auto;
	background-color: white;
	text-align: center;
	font-size: 10pt;
	opacity: 0.7;
	width: 120px;
	min-height: 24px;
	line-height: 24px;
	border: 2px solid #800000;
}


#drag {
	margin: auto;
	width: 900px;
	display: table;
    position: relative;
	border: 1px solid #d9a300;
}

.list {
	border: 1px solid #00b359;
	min-height: 350px;
    display: table;
	width: 100%;
}


#left_container {
	width: 450px;
	float: left;
	margin-right: 20px;
	border-bottom: 1px solid #F6F6F6;
	border: 1px solid #ff26ff;
}

#left {
	width: 100%;
	display: table-cell;
	border: 1px solid #2d00b3;
}


#right_container {
	width: 300px;
	float: right;
	margin-right: 20px;
	border-bottom: 1px solid #F6F6F6;
	border: 1px solid #ffff00;
}

#right {
	width: auto;
	float: right;
	top: 40px;
	background-color: #eee;
	border: 1px solid #AAAAAA;
  position: fixed;
}