Justification du texte avec des points en css

question: comment puis-je aligner le texte à la droite avec l'espacement des points uniforme à l'aide de CSS simple, comme vu Dans cet exemple?

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

Réponse: Pour réaliser cette justification, une technique utilisant: après le pseudo-élément est couramment utilisé:

css:

dl { width: 400px }
dt { float: left; width: 300px; overflow: hidden; white-space: nowrap }
dd { float: left; width: 100px; overflow: hidden }

dt:after { content: " .................................................................................." }

Html:

Drug 1

10ml

Another drug

50ml

Third

100ml

Limitations:

• Les versions ci-dessous ne sont pas prises en charge. de caractères spéciaux comme & middot;. Cependant, les caractères UTF-8 peuvent répondre à la plupart des besoins.