JSFiddle - React, Tailwind, and code Playground

HTML

<div class="parent">
  <div class="child">
    txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt txt
  </div>
  HH:MM
</div>
<br/>
<div class="parent">
  <div class="child">
    txt txt txt txt txt txt <br>
    txt txt txt txt txt txt
  </div>
  HH:MM
</div>

CSS

.parent {
  overflow: hidden;
  background: pink;
  width: 70%;
  text-align: right;
}

.child {
  display: inline-block;
  float: left;
  text-align: left;
}