JSFiddle - React, Tailwind, and code Playground

by AlexandrVV

HTML

<div class="container">

<div class="row">
  <div class="v-1">Lorem ipsum dolor sit amet.</div>
  <div class="dotted"></div>
  <div class="v-2">Lorem ipsum dolor sit amet.</div>
</div>  

<div class="row">
  <div class="v-1">Lorem ipsum dolor sit amet.</div>
  <div class="dotted"></div>
  <div class="v-2">Lorem ipsum dolor sit amet.</div>
</div>  

</div>

CSS

.container{
  display: flex;
  flex-direction: column;
  width: 100%
}

.row{
  display: flex;
  width: 100%;
}
.v-1{
  width: 20%;
}

.dotted{
  width: 80%;
  border-bottom: 1px dotted silver;
}
.v-2{
  width: 20%;
}