html + css. Lista de la compra. puntos suspensivos

[OssoH]

Hola,, quiero hacer en html+css una lista de la compra.
A la izquierda el articulo, a la derecha el precio y en el centro rellenado automáticamente por puntos suspensivos.

Por ejemplo :
leche ........................... 4€
patatas ........................ 3€
etc..

La idea es que quede alienado perfectamente a la derecha.
Lo que no sé cómo hacer es el relleno con los puntos suspensivos automáticamente.
El tipo de letra NO es monoespaciado, por lo tanto los caracteres NO ocupan exactamente la misma cantidad de espacio horizontal

Algunos idea?

Gracias

[OssoH]

solucionado

https://codepen.io/Kseso/pen/fxrsL