JSFiddle - React, Tailwind, and code Playground

HTML

<div class="test">Represent</div>
<div style="display:inline-block;"></div>
<div class="test1">Represent</div>
Represent

CSS

body {
  font-size: 20px
}

.test {
  line-height: 50px;
  font-size: 30px;
  background-color: red;
}

.test1 {
  line-height: 50px;
  font-size: 40px;
  background-color: green;
}