JSFiddle - React, Tailwind, and code Playground

HTML

<div id="layer-0-0" class="parentDiv"><div class="textBoxText">                                                            TEST</div></div>

CSS

.parentDiv{
  width:277px; 
  height:50px; 
  top:311px; 
  left:10px; 
  position:absolute; 
  background-color:rgb(0, 0, 0); 
  word-wrap:break-word;
  line-height:1.0em; 
  overflow:hidden; 
  z-index:1002; 
  white-space : pre-wrap;
  white-space : -moz-pre-wrap;
  white-space : -pre-wrap;
  white-space : -o-pre-wrap;
  filter: alpha(opacity=100); 
  -moz-opacity: 1.00; 
  -khtml-opacity: 1.00; 
  opacity: 1.00; 
  font-family:Arial, fallback Arial; 
  font-size:14px; 
  text-align:start; 
  color:rgb(191, 190, 191); 
  border:0px solid ; 
  -webkit-touch-callout: none;    
  -webkit-user-select: none;    
  khtml-user-select: none;    
  -moz-user-select: none;    
  -ms-user-select: none;    
  user-select: none;
}

.textBoxText{
  font-family:inherit; 
  font-size:inherit; 
  text-decoration:inherit;
}