Ингредиенты

https://webref.ru/layout/after-before/layout/leading

by akogch

HTML

<ul class="ingredients">
  <li>Ликёр Калуа<span class="value">20 мл</span></li>
  <li>Ликёр Бейлис<span class="value">20 мл</span></li>
  <li>Ликёр Куантро<span class="value">20 мл</span></li>
</ul>

CSS

.ingredients {
  padding: 0;
  /* Убираем отступы */
}

.ingredients li {
  align-items: baseline;
  /* Выравниваем текст */
  display: flex;
  /* Включаем флексы */
  margin-bottom: 0.5em;
  /* Отступ снизу */
}

.ingredients li::before {
  content: '';
  /* Выводим линию */
  border-bottom: 1px dashed #ccc;
  /* Параметры линии */
  flex-grow: 1;
  /* Линия занимает всё доступное пространство */
  order: 2;
  /* Выводим вторым */
  margin: 0 5px;
  /* Расстояние от текста */
}

.ingredients .value {
  order: 3;
  /* Выводим третьим */
}