<ul class="listbox">
  <li class="listbox__databox">
    <span class="listbox-databox__name">Апельсины</span>
    <span class="listbox-databox__value">50 штук</span>
  </li>

  <li class="listbox__databox">
    <span class="listbox-databox__name">Мандарины</span>
    <span class="listbox-databox__value">200 штук</span>
  </li>

  <li class="listbox__databox">
    <span class="listbox-databox__name">Кукуруза</span>
    <span class="listbox-databox__value">2 штуки</span>
  </li>
</ul>

body {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #eee;
}

.listbox {
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
  padding: 25px 20px 25px 30px;
  border-radius: 12px;
  background: #fff;
  display: grid;
  grid-template-columns: 100%;
  grid-gap: 10px;
}

.listbox__databox {
  color: #333;
  display: grid;
  grid-template-columns: auto 1fr auto;
  grid-gap: 10px;
  width: 100%;
}

.listbox__databox:after {
  width: 100%;
  height: 10px;
  border-top: 2px dashed #3f51b5;
  display: block;
  content: "";
  align-self: end;
}

.listbox-databox__name {
  font-family: Roboto, sans-serif;
  font-weight: 500;
}

.listbox-databox__value {
  font-family: Roboto, sans-serif;
  font-weight: 500;
  order: 2;
}