dotted line, make css for dotted line Options

[aziz]

Hi
how i can make a css for dotted line
Example:
director . . . . . . . . . . . . . m. j. Richard
producer . . . . . . . . . . . . .mani rasoul
Thanks

[Christian J]

Hi
how i can make a css for dotted line

You can make CSS borders dotted, but this doesn't look like a border to me:

director . . . . . . . . . . . . . m. j. Richard
producer . . . . . . . . . . . . .mani rasoul

None of these ideas sem very good alas:

You could make a dotted border underneath the whole line (including the text), then make the text cover it somehow.

Or you could use a 3-column table, with the middle column containing empty cell using a dotted botton border.

Or you could use real text for the dots, just like in your example (maybe with a monospaced font).

[pandy]

Maybe this?
https://www.w3.org/Style/Examples/007/leaders.en.html

Someone came up with a trick for this maybe 10 years ago when CSS tricks were the rage. As I remember it was about making the dots fill any width. But I can't remember what or who and I don't find it in my notes either.

I guess a background image tiling horizontally could be one way, but what I think of was something more elegant.