justificando texto com pontos em css

pergunta: como posso alinhar o texto à direita com espaçamento uniforme de pontos usando CSS simples, como visto, como visto Neste exemplo? Outra droga ...... 50ml Terceiro ............. 100ML

Drug 1 ............  10ml
Another drug ......  50ml
Third ............. 100ml

para alcançar essa justificativa, uma técnica utilizando o: Após o pseudo-elemento é comumente empregado:

dl {width: 400px} dt {float: esquerda; Largura: 300px; estouro: oculto; Espaço Branco: Nowrap} dd {float: esquerda; Largura: 100px; Overflow: Hidden} dt: depois {content: "............................................... ....................................... "}

Drug 1 ............  10ml
Another drug ......  50ml
Third ............. 100ml

medicamento 1

10ml

Outro medicamento

50ml

Terceiro

100ml

Drug 1 ............  10ml
Another drug ......  50ml
Third ............. 100ml

• o conteúdo não pode incluir entidades html, limitando o uso de personagens especiais como & Middot;. No entanto, os caracteres UTF-8 podem atender à maioria das necessidades.