JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

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