how to get particular words with dotted lines in HTML and CSS? -


i have following text:

  1. i ate yogurt in morning

  2. yogurt nice

  3. eating yogurt in morning healthy

i want have word "yogurt" underlined dotted line.

just underlining easy <u> tag, confused how particular word underlined dots.

one way of doing use dotted border.

demo: http://jsfiddle.net/hhrt5/

<ol>     <li>i ate <span class="yogurt">yogurt</span> in morning</li>     <li><span class="yogurt">yogurt</span> nice</li>     <li>eating <span class="yogurt">yogurt</span> in morning healthy</li> </ol>  .yogurt {     border-bottom: 1px dotted #aaa; } 

Comments

Popular posts from this blog

ios - iPhone/iPad different view orientations in different views , and apple approval process -

java Extracting Zip file -

C# WinForm - loading screen -