JSFiddle - React, Tailwind, and code Playground

HTML

<div class="separator">
    <div class="content">
        <div class="title"><a href="">Все квартиры Все квартиры</a></div>
        <div class="line">Есть 2 блока, 1 должен быть слева другой справа. 
Суть такая, в правом блоке пишется текст (какой изначально мы не знаем), тоесть текст растягивает правый блок на неизвестную нам ширину. А вот левый блок должен вплотную прилегать к правому блоку. </div>

    </div>
</div>

CSS

.separator {
    width: 700px;
  height: 35px;
  clear: both;

  }


  .line {
    overflow: hidden;
    border-bottom: solid 1px #cecece;
  }

  .title {
    float: right;
    text-align: right;
}


  .title a {
      color: #cecece;
      text-transform: uppercase;
      font-size: 15px;
      padding: 10px 40px 10px 0;
      font-weight: 600;
      background-image:...