JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
  <li><span>Длина </span><div class="line"></div>
    <div class="border_ul"></div><span class="s_h">3 м</span>
  </li>
  <li><span>Ширина</span><div class="line"></div>
    <div class="border_ul"></div><span class="s_h">2 м</span>
  </li>
  <li><span>Высота</span><div class="line"></div>
    <div class="border_ul"></div><span class="s_h">2.1 м</span>
  </li>
  <li><span>Объем</span><div class="line"></div>
    <div class="border_ul"></div><span class="s_h">10 м3</span>
  </li>
  <li><span>Грузоподъемность</span><div class="line"></div>
    <div class="border_ul"></div><span class="s_h">1.5 т</span>
  </li>
</ul>

CSS

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

ul{
  width: 200px;
}

ul li{
  display: flex;
  justify-content: space-between;
}

.line{
  border-bottom:1px solid #000;
  flex:1;
}