JSFiddle - React, Tailwind, and code Playground

by George Berkeley

HTML

<div>
		<div id="div-1">
			<div id="div-2"> &nbsp; </div>
			Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque sed rutrum lacus. Duis iaculis aliquet tortor id fermentum. Praesent arcu lacus, efficitur quis ligula quis, dapibus porttitor nunc. Curabitur felis eros, commodo id tortor et, maximus aliquam metus. Mauris et lorem vitae dolor ultrices consectetur id eu magna. Suspendisse est elit, rhoncus eu tempor vitae, consectetur quis dui. Sed ullamcorper ante dui, sed rutrum nibh tincidunt non.
		</div>
	</div>

CSS

#div-1 {
			position: relative;
			width: 80%;
			height: 200px;
			color: white;
			background: black;
			float: right; 
		}
		#div-2 {
			position: relative;
			width: 20%;
			height: 100%;
			background: gray;
			font-size: 22px;
			margin-left: -24%;
			float: left;
		}