Menu style “…” - fill in with periods

Question

I have been trying to find the best way to create the \".....\" effect like in a dinner menu: http://cl.ly/0g263j04322m3F140D40

Not sure if it has to be done with ju

Answer 1

You can use the old CSS border-style: dotted and float the two elements to either side. Just make the two elements either side have opaque backgrounds and borders to hide the dotted border. See example here:

http://jsfiddle.net/7BtYC/

NB: CSS3 provides border-image which could be used to provide a better looking effect than the standard dotted border.