JSFiddle - React, Tailwind, and code Playground

HTML

<div class="outer">
  <div class="title">long title</div>
  <div class="inner left">
    <div>1</div>
    <div>2</div>
    <div>3</div>
  </div>
  <div class="inner right">
    <div>1</div>
    <div>22</div>
  </div>
</div>

CSS

.title {
  background: red;
}

.outer {
  display: inline-block;
  border: 1px solid red;
  background: green;
  width:70px;
}

.inner {
  display: inline-block;
  vertical-align: middle;
}

.left {
  background: yellow;
}

.right {
  background-color:cyan;
  position:relative;
  left:60px;
  text-align:right;
  transform:translateX(-100%);
}