JSFiddle - React, Tailwind, and code Playground

HTML

<div class="item">
  <div class="name">Name</div>
  <div class="price">100</div>
</div>
<div class="item">
  <div class="name">Name2323</div>
  <div class="price">102220</div>
</div>

CSS

body{
  background: url(https://upload.wikimedia.org/wikipedia/en/thumb/6/67/Wiki-llama.jpg/1600px-Wiki-llama.jpg) no-repeat center / cover;
}

.item{
  background: rgba(0,0,0,.2);
  padding: 20px;
  color: #fff;
  display: flex;
}
.item:before{
  content: "";
  flex: 1;
  border-bottom: 3px dotted #fff;
}
.name{
  order: -1;
}