jquery - Menu style "...." - fill in with periods -


I want to find the best way to create "....." effect in the dinner menu: < P> It is not certain if it is to be added in its own time or if there is a way to fill jQuery or CSS3, it is just curious.

Any ideas what I can do? Or in the old fashioned way of adding the old period.

Try it

HTML: & lt; Ul & gt; & Lt; Li & gt; & Lt; Span & gt; Soup & lt; / Span & gt; & Lt; Period & gt; ¬ 2.99 & lt; / Span & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; Span & gt; Ice cream & lt; / Span & gt; & Lt; Span & gt; ¬ 5.99 & lt; / Span & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; Span & gt; Steak & lt; / Span & gt; & Lt; Period & gt; ¬ 20.99 & lt; / Span & gt; & Lt; / Li & gt; & Lt; / Ul & gt;

CSS:

  ul {width: 400px; List style: none; } Li (bottom border: 2px dotted black; height: 20px; margin-bottom: 6px;) li span {status: relative; top: 6px; swim left; clear: right; background: white; height: 26px ;} Lee Span + Span {Float: Correct;}    

Comments

Popular posts from this blog

mysql - BLOB/TEXT column 'value' used in key specification without a key length -

c# - Using Vici cool Storage with monodroid -

python - referencing a variable in another function? -