JSFiddle - React, Tailwind, and code Playground

HTML

<li>
  <span>Жопа</span>
  <span class="separator"></span>
  <span>3м</span>
</li>


<li>
  <span>Спина</span>
  <span class="separator"></span>
  <span>100м</span>
</li>

CSS

li {
  display: flex;
  justify-content: space-between;
  margin: 0 0 5px;
}

.separator {
  display: block;
  flex: 1 1 auto;
  margin: 0 5px;
  border-bottom: 1px solid white;
}

body {
  background: linear-gradient(to top, white, blue) no-repeat center center / cover;
  min-height: 100vh;
  margin: 0;
  color: white
}