JSFiddle - React, Tailwind, and code Playground

by Tianyun Ling

HTML

<div class="outer_div" style="" >
		<div class="inner_div">Text Length May Change  </div>  
</div>

CSS

.outer_div
{
  background-color: #999; 
  border: 0px solid black; 
  width: 300px; 
  height: 200px; 
  float:left; 
  position: relative;
}

.inner_div
{
  position: absolute; 
  background-color: #BBB; 
  width: 100px; /*adjustable width with text ?*/
  height: 50px; 
  color:black; 
  margin: 0 auto; 
  right:0;
  left:0;
}