JSFiddle - React, Tailwind, and code Playground

HTML

<div class='site-header'>
  <div class='site-title-wrapper'>
    <div class='site-title'>
      <a href="#">Some Text</a>
    </div>
  </div>
</div>

CSS

.site-header{
  width: 100%;
  height: 100px;
  border: 2px solid black;
}

.site-title-wrapper {
   display: table;
   height: 100%;
   padding: 23px;
   background-color: green;
}


.site-title {
   font-family: "Roboto", sans-serif;
   display: table-cell;
   vertical-align: middle;
   background-color: red;
}