JSFiddle - React, Tailwind, and code Playground

HTML

<div class="content">
  <div class="block">
    <img src="http://lorempixel.com/200/200" alt="">
    <p>Lorem ipsum dolor sit amet.</p>
  </div>
  <div class="block">
    <img src="http://lorempixel.com/200/200" alt="">
    <p>Lorem ipsum dolor sit amet.</p>
  </div>
  <div class="block">
    <img src="http://lorempixel.com/200/200" alt="">
    <p>Lorem ipsum dolor sit amet.</p>
  </div>
  <div class="block">
    <img src="http://lorempixel.com/200/200" alt="">
    <p>Lorem ipsum dolor sit amet.</p>
  </div>
 </div>

CSS

.content{
  text-align: center;  
}

.block{
  display: inline-block;
  text-align: center;
  margin: 10px 20px;
}