JSFiddle - React, Tailwind, and code Playground

HTML

<div class="galleryItem">
    
    <div class="galleryImageContainer"></div>
        
        <h3>EXAMPLE</h3>
        <p>Lorem ipsum dolor</p>
    
    </div>

CSS

.galleryItem {
    float:left;
    margin-left:40px;
    width:300px;
}

.galleryImageContainer {
    width:300px;height:300px;
    text-align:center;float:left;
    margin-bottom:20px;
    border:0px;background:#000;
}

.galleryItem p {
   text-align:left;margin:0 auto;
}

.galleryItem h3 {text-align:center;font-size:15px;font-weight:normal;}