JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
<div class="try1">DUE DILIGENCE EXPIRATION</div>
</div>

CSS

.wrapper{
  width: 225px;
  height: 74px;
  padding: 0 20px;
  background:yellow;
  display:flex;
  justify-content:center;
}
.wrapper > .try1{
  align-self:center;
  flex-basis: calc(50% + 20px);
}