Как заполнить пустой блок точками?

Question

[eellazy]

Как можно заполнить пространство между ценой и названием точками? С сохранением выравнивания конечно же. Вручную можно точки самому сделать и выровнять. В принципе так сейчас и сделано.
Если ли решение с помощью кода? Пробовал display flex но не добился результата который нужен

Количество точек везде разное. и цены должны быть в одну колонку

Answer 1

[Денис Денис]

цена:after {  content:'........................................................';
  display: block;
  white-space: nowrap;
  overflow: hidden;
}

Answer 2

[Kostya Gorozhanov]

https://jsfiddle.net/k4roy2sa/1/

Comments

[eellazy]

Последний блок с ценами выравнивается по правой стороне мне нужно по левой

[Kostya Gorozhanov]

Не совсем понял

Answer 3

[Алина Брэнн]

Можно задать точки фоном у строки по низу, а у блоков справа и слева белый фон и отступ снизу к примеру -2px.