JSFiddle - React, Tailwind, and code Playground

HTML

<div class="footer">
    <center><span>SuperpuperMega shmegaText</span></center>
</div>

CSS

.footer {
      margin-top: 50px;
      width:100%;
      height: 150px;
      background-color: #1587a2;
      text-align: center;
      position:relative;
      
  }
  
  .footer span {
      color:white;
      position:absolute;
      top:50%;
      
      
      text-align: center;
      
      
  }