JSFiddle - React, Tailwind, and code Playground

by Mandarinazul

HTML

<div class="right-wrapper-wrapper">
  <div class="right-wrapper">
    <div class="right">"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." </div>
  </div>
</div>

CSS

.right-wrapper-wrapper {
	width: 600px;
margin: 0 auto;
    border: dashed thick blue;
	position: relative;
		height:400px;
    padding: 20px 0 0 0;
}
.right-wrapper {
	width: 500px;
	margin: 0 auto;
    border: dashed thick red;
	height:300px;
}
.right {
	width: 300px;
	height: 100px;
	position: absolute;
    background-color: rgba(0, 127, 0, 0.6);
    padding: 20px;
    border: dashed thick green;
}