Как сделать равные отступы справа при разном кол-ве текста?

Question

[Vladimir Kalaganov]

Добрый вечер, не могу разобраться, как выровнять блоки (серая черта для примера обозначение).
Текст выровнен по правому краю, хотел бы получить эффект как на картинке ниже, а также чтобы это было адаптивно

Буду рад дельным предложениям :)

Нужно чтобы было так:


А по умолчанию так


Пример на codepen https://codepen.io/kalaganov5/pen/ExjjvyM

Нашел такой вариант, но с адаптивностью нужно тоже поработать

/*Один вариант*/
  position:absolute;
  left: 50%;
  transform: translateX(-50%);
  /*Один вариант*/

Comments

[Михаил]

фиксированная ширина
гриды
таблицы

[Алексей]

Сделайте две flexbox колонки, в первой колонке текст во второй цена и выравнивание по правому краю

Answer 1

[Lord_Dantes]

Так?
https://codepen.io/lord-dantes/pen/vYOOJoZ

Comments

[Vladimir Kalaganov]

Большое спасибо, то что нужно!