JSFiddle - React, Tailwind, and code Playground

HTML

<div class="menu__item">
  <span class="title">Some&nbsp;title</span>
  <span class="dots"></span>
  <span class="price">$100</span>
</div>
<div class="menu__item">
  <span class="title">Some&nbsp;other&nbsp;title</span>
  <span class="dots"></span>
  <span class="price">$10</span>
</div>

CSS

.menu__item{
  display:table;
  width:100%;
  table-layout:auto;
  margin-bottom:20px;
}
.title, .price, .dots{
  display:table-cell;
 
}
.dots{
  width:90%;
  background:url("http://www.cyberforum.ru/attachments/656696d1456917709") repeat-x;
  background-position:0 100%;
}

body{background:red}