JSFiddle - React, Tailwind, and code Playground

HTML

<div id="mainDiv">
   <div id="top">
      <span><img src="path/img.png" class="myImage" /></span>
      <span>My Title</span>
   </div>
</div>

CSS

#mainDiv {
   width:100%;
   height:30px;
   
}

#top {
   width:50%;
   height:70px;
   display:table;
   border: 1px solid black;
}

.myImage {
   vertical-align: middle;
   display: table-cell;
}

span {
   vertical-align: middle;
   display: table-cell;
   background:#ccc;
   border: 1px solid black;
   display: list-item;
}