how to get particular words with dotted lines in HTML and CSS? -
i have following text:
i ate yogurt in morning
yogurt nice
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
Post a Comment