JSFiddle - React, Tailwind, and code Playground

HTML

<div class="test">
  <div class="item">
    <span>Тест тест тест</span>
  </div>
</div>

SCSS

.test {
  background: green;
  padding: 1em;
  .item {
    width: 250px;
    padding: 1em;
    background: red;
    font-size: 16px;
    line-height: 108px;
    
    span {
      display: inline-block;
      vertical-align: middle;
      background: yellow;
      color: #000;
      line-height: 16px;
      padding: .5em;
    }
  }
}