JSFiddle - React, Tailwind, and code Playground

HTML

<div>  <img src="http://lorempixel.com/50/100" />         
        <h3>Title</h3> </div>
           <div>  <img src="http://lorempixel.com/100/100" />         
               <h3>A much longer title to wrap multiple lines</h3> </div>
        <div>     <img src="http://lorempixel.com/100/50" />         
            <h3>Another title</h3> </div>

CSS

div{
    display: inline-table;
    max-width: 200px;
    margin: 0 auto;
    text-align: center;
}
div img{
  display: table-row;
}
div h3{
  display: table-row;}