JSFiddle - React, Tailwind, and code Playground

by fest1val

HTML

<div class='items__list'>
  <div class='item'>
   <div class='item__name'>Укладка</div>
   <div class='item__dots'></div>
  <div class='item__price'>400Р</div>
  </div>
  <div class='item'>
   <div class='item__name'>Камуфляж седины</div>
   <div class='item__dots'></div>
  <div class='item__price'>400Р</div>
  </div>
</div>

CSS

.item {
	display: flex;
	width: 500px;
	justify-content: space-between;
	align-items: flex-end;
  line-height: 1;
}

.item__name, .item__price {
	white-space: nowrap;
}

.item__dots {
	background-image: url(https://pngimg.com/uploads/dot/dot_PNG37.png);
  	background-size: 3px;
	width: 100%;
	height: 3px;
}