JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
  <div class="post-image">
    <img src="//dummyimage.com/100/ccc">
  </div>
  <div class="post-image">
    <img src="//dummyimage.com/100/999">
  </div>
  <div class="post-image">
    <img src="//dummyimage.com/100/ccc">
  </div>
  <div class="post-image">
    <img src="//dummyimage.com/100/999">
  </div>
  <div class="post-image">
    <img src="//dummyimage.com/100/ccc">
  </div>
  <div class="post-image">
    <img src="//dummyimage.com/100/999">
  </div>
  <div class="post-text">
    <div>
      some text some text some text some text some text some text some text
    </div>
  </div>
</div>

CSS

.container {
  display: inline-table;
  border: 1px solid red;
}

.post-image, .post-text {
  display: table-cell;
  vertical-align: top;
}

.post-text {
  max-width: 100px;
}