JSFiddle - React, Tailwind, and code Playground

by Felis Catus

HTML

<div class="row">
<div class="button">
<span>#</span>
</div>
<div class="caption">
Blah blah blah very long text
</div>
</div>

CSS

.button {
  display: inline-block;
  padding: 5px;
  background: #5af;
  font-size: 50px;
  vertical-align: top;
  height: 100%;
}
.caption {
  display: inline-block;
  font-size: 50px;
  white-space: normal;
}
.row {
  white-space: nowrap;
  position: relative;
}