JSFiddle - React, Tailwind, and code Playground

HTML

<div style="first-div">
  <img class="img" src="https://bit.ly/2OgWpMm" />

  <div class="second-div">
    <p class="m-0">hello world</p>
    <p class="m-0">hello world</p>
  </div>
</div>

CSS

.second-div {
  display: inline-block;
  margin-left: 15px;
  height: 50px;
  vertical-align: center;

}

.first-div{
  display: inline-block;
}

.img {
  vertical-align: middle;
  display: inline-block;
  margin-top: auto;
  margin-top: bottom;
  height: 50px;
  width: auto;
}

.m-0 {
  margin: 0;
  text-align: center;
}