JSFiddle - React, Tailwind, and code Playground

HTML

<div class="iconbox">
  	   <div id="tut-icon" class="captionBox"><p><img src="images/tuticon.png" alt="Written Tutorials" />Some text</p></div>
  	   <div id="vid-icon" class="captionBox"><p><img src="images/vidicon.png" alt="Video Tutorials" />Some text</p></div>
  	   <div id="add-icon" class="captionBox"><p><img src="images/addtuticon.png" alt="Add Tutorials" />Some text</p></div>
  </div>

CSS

.iconbox {
height: 128px;
padding: 20px;
display: inline;
}

.captionBox {
text-align: center;
width: 128px;
    display: inline-block;
}

.captionBox img {
display: inline-block;
    width: 128px;
}