JSFiddle - React, Tailwind, and code Playground

HTML

<h3>not ok</h3>
<div class="inline-grid">
  <div><img src="http://i.imgur.com/joY41yV.png"></div>
  <div>Lorem ipsum</div>
</div>
<div class="inline-grid">
  <div>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
  <div>Lorem ipsum</div>
</div>
<hr>
<h3>ok</h3>
<div class="inline-grid">
  <div><img src="http://i.imgur.com/joY41yV.png"></div>
  <div>Lorem ipsum</div>
</div>
<div class="inline-grid">
  <div><img src="http://i.imgur.com/joY41yV.png"></div>
  <div>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
</div>

CSS

body {
  width: 500px;
}

.inline-grid {
  display: inline-grid;
  width: 49%;
  vertical-align: bottom;
}

div {
  border: 1px solid red;
}