JSFiddle - React, Tailwind, and code Playground

HTML

<div class="contain-info"><!-- contain -->
 <div class="info">
 <h1>WHAT IS IT?</h1>
 <p>TEXT</p>
 </div>  

 <div class="info">
 <h1>WHAT IS IT?</h1>
 <p>TEXT</p>
 </div> 

 <div class="info">
 <h1>WHAT IS IT?</h1>
 <p>TEXT</p>
 </div> 
 </div><!-- contain -->

CSS

.contain-info {
 display: inline-block;
 position: relative;
 text-align: center;
 margin-left: auto;
 margin-right: auto;

 }

.info {
 font-family: "Bebas Neue";
 text-align: center;
 display: inline-block;
 float: left;
 position: relative;
 width:33%;
 }

.info p {
 font-size: 20px;
 font-family: "Agency FB";
 }

.info h1 {
 font-size: 70px;
 color: #fff;
 text-shadow: 0px 3px 8px rgba(0, 0, 0, 0.6);
 font-weight: normal;
 }