JSFiddle - React, Tailwind, and code Playground

HTML

<html>
<body>

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

CSS

html, body {
width: 100%;
height:100%;
margin: 0;
padding: 0;
}
.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;
      
      
  }