JSFiddle - React, Tailwind, and code Playground

HTML

<div class="row">
        <div class="well">
         <img src="test.png">
           <div id="inner">
            <h3>name</h3>
            <h4>foodType</h4>
            <p>description</p>
            </div>    
        </div>
      </div>

CSS

#inner {
    padding: 50px;
    display: inline-block;
   }
   
   .well{
     text-align: center;
   }