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 {
    align-items: center;
    background: blue none repeat scroll 0 0;
    display: flex;
    height: 30px;
    width: 50%;
}

.myImage {
   vertical-align: middle;
}