JSFiddle - React, Tailwind, and code Playground

HTML

<table class="table">
  <tr>
    <td class="key"><span>тип</span></td>
    <td class="val">бокал</td>
  </tr>
  <tr>
    <td class="key"><span>материал</span></td>
    <td class="val">стекло</td>
  </tr>
</table>

CSS

.table{
  width:400px;
}
.key{
  width:100%;
}
.key>span{
  display:flex;
  flex-direction:row;
}
.key>span:after{
  content:'';
  flex-grow:1;
  border-bottom:1px dotted #bbb;
}