JSFiddle - React, Tailwind, and code Playground

HTML

<h1>
Issue
</h1>


<div class="child">
  This Text
</div>

<br><br>

<h1>
Solution
</h1>

<div class="Demo">
<span>This Text</span>
  
</div>

CSS

.Demo {
  width:70%;
  height:auto;
  min-height:100px;
  background:red;
  font-size:10vw;
  text-align:center; 
}

.child {
  width:70%;
  height:auto;
  min-height:100px;
  background:red;
  font-size:10vw;  
}

span
{    
  display:inline-block;
    transform:scale(1.7,1); 
    -webkit-transform:scale(1.7,1);
    
}