JSFiddle - React, Tailwind, and code Playground

HTML

<!-- line-height -->
<div class="post-image"></div>
<div class="post-details">
  <time class="post-date">05 feb</time>
</div>

<div class="clear"></div>

<!-- неудачный вариант -->
<div class="inline-image"></div>
<div class="inline-details">
  <time class="inline-date">05 feb</time>
</div>

CSS

.post-image {
   float: left;
   background: orange;
   width: 200px;
   height: 200px;
   margin: 0;
   padding: 0;
}

.post-details {
   float: left;
   width: 400px;
   padding: 0;
   margin: 0;
}

.post-date {
  display: block; /* без этого инлайн элемент выпрыгивает вверх!
  возможно нужен был просто vertical align */
   font-size: 120px;  /* подобрать вручную */
   line-height: 60px;
   background: yellow;
   padding: 0;
}

.clear  {
  clear: both;
  margin-bottom: 20px;
}

.inline-image {
  display: inline-block;
  vertical-align: top;
  background: orange;
  width: 200px;
  height: 200px;
}

.inline-details  {
  display: inline-block;
  vertical-align: top;
}

.inline-date {
  background: yellow;
  display: inline-block;
  vertical-align: top;
  font-size: 60px;
  line-height: 20px;/* подобрать */
}