JSFiddle - React, Tailwind, and code Playground

HTML

<div>
  <span class="letter">T</span>
  <span class="strut"></span>
</div>
<div>
  <h3 class="letter">T</h3>
  <span class="strut"></span>
</div>

CSS

div {
  width: 100px;
  height: 100px;
  border: thin black solid;
  margin: 100px;
}
.letter {
  font-size: 100px;
  line-height: 0px;
  background-color: #9BBCE3;
}
.strut {
  display: inline-block;
  height: 100px;
}