JSFiddle - React, Tailwind, and code Playground

by Zeev Katz

HTML

<div dir="auto" class="item">
  <span class="content">text</span>
  <span class="btn">
    x
  </span>
</div>
<div dir="auto" class="item">
  <span class="content">מימין לשמאל</span>
  <span class="btn">
    x
  </span>
</div>

CSS

.item {
  display: table;
  width: 200px;
  height: 50px;
}

.item .btn,
.item .content {
  display: table-cell;
}

.item .btn {
  vertical-align: top;
}

.item .content {
  width: 100%;
  vertical-align: bottom;
}