Как сделать такой список как на картинке?

Question

[Gera11]

Как сделать такое позицианирование элементов в списке, так же ровно и красиво?

Comments

[Кирилл Никитин]

Проще всего таблицей.

Answer 1

[Максим]

вместо тысячи слов

Answer 2

[Владимир Коротенко]

https://jsfiddle.net/vkorotenko/df0qehm1/

<ul>
  <li><span>Стоимость:</span><span class="price">47250&#8381;</span> <s>67400 &#8381;</s></li>
  <li><span>В рассрочку:</span><span>3938&#8381;/мес</span>.</li>
  <li><span>Скидка:</span><span class="discount">50%</span></li>
</ul>

ul{
  list-style: none;
}
ul > li{
  margin: 1rem;
}
ul > li > span:first-child{
  display: inline-block;
  width: 150px;
}
.discount {
  background: #ffd873;
  padding: 4px;
  border-radius: 4px;
  color: blue;
}

Answer 3

[Argentinium]

Я бы делал с помощью CSS grid.

.grid {
   display: grid;
   max-width: 200px;
   grid-template-columns: repeat(2, 1fr);
   grid-template-rows: repeat(3, auto);
   justify-items: start;
  }