JSFiddle - React, Tailwind, and code Playground

HTML

<div id="scrollmenu">
		<div id="content">
		THIS CONTENT WILL SCROLL! Theres will always be a different word cut of in the end.  
		somecontentsomecontentsomecontentsomecontentsomecontentsomecontentsomecontentsomecontentsomecontentsomecontentsomecontentsomecontentsomecontentsomecontent
		somecontentsomecontentsomecontentsomecontentsomecontentsomecontentsomecontentsomecontentsomecontentsomecontentsomecontentsomecontentsomecontentsomecontent
iv">
	
	</div>
</body>

CSS

body, html{height:100%; width:100%;}
		*{padding:0; margin:0;}
		#scrollmenu{
			position:absolute;
			top:45%;
			height:10%; width:100%;
			overflow:hidden;
			white-space:nowrap;
			background-color:rgba(0,0,0,0.6);color:white;
		}
		#content{
			margin-left:2%;
			z-index:1;
		}