JSFiddle - React, Tailwind, and code Playground

HTML

<div class="block">
  <div>
    <span>Доставка техники высотой до 190 см</span>
    <div class="line"></div>
  </div>
  <div>
    150 грн
  </div>
</div>

<div class="block">
  <div>
    <span>Доставка техники выше 190 см, холодильников Side-by-Side</span>
    <div class="line"></div>
  </div>
  <div>
    250 грн
  </div>
</div>

CSS

.block {
  line-height: 30px;
}

.block,
.block > div:nth-child(1) {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.block > div:nth-child(1) {
  width: -webkit-calc(100% - 70px);
  width: calc(100% - 70px);
  white-space: nowrap;
}

.block > div:nth-child(2) {
  width: 70px;
}

.line {
  background: #ddd;
  width: 100%;
  height: 1px;
  align-self: center;
  margin: 0 10px -10px;
}