JSFiddle - React, Tailwind, and code Playground

HTML

<dl class="row">
    <dt class="col-8 text-left">Наличие на складе</dt>
    <dd class="col-4 text-right">Есть</dd>

    <dt class="col-8 text-left">Наличие документов РСТ</dt>
    <dd class="col-4 text-right">Есть</dd>
</dl>

SCSS

dl{
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin:0;

  dt, dd {
    box-sizing: border-box;
    padding: 0;
    margin: .5em 0;
  }

  dt {
    width: 70%;
    margin: .4em 0;
    display: flex;
    
    &:after {
      content: "";
      flex: auto;
      margin: 0 .3em .3em .3em;
      border-bottom: 1px dotted #ccc;
    }
  }

  dd {
    width: 30%;
    align-self: center;
  }
}