CSS dots and dashes

I would like to use css to put dots or dashes after a line of text to another piece of text similar to following:

Chapter 1: intro -------------------------------------- pg 12
Chapter 2: Something ---------------------------------- pg 35

I have seen this before but I cannot remember where.

Not sure if this is what you are looking for. But you could use
pseudo-elements.

Try this:

--Nimchi

here play with this:

Eric