Support » Themes and Templates » Dashed Underline

  • Hi:
    Can someone tell me the style you use to make a dashed-underline…under a phrase of text.
    Right now all I can do is set a bottom border of 1px dashed #000, but this line spreads 100% of the page…not just the text.
    Lots of sites have what I’m talking about now and just wondering how you go about it.
    Any help is appreciated.
    M

Viewing 1 replies (of 1 total)
  • Or use shorthand:
    border-bottom: dashed orange 1px;
    Also, if you want a single sentence in the middle of a paragraph underlined, you could create a class and use a span. In the CSS file, you would have something like:
    .underline {
    border-bottom: dashed orange 1px;
    }
    Then, in your content, you would do this:
    This is the first sentence. < span class=”underline”>This is the underlined second sentence. < /span > This is the third sentence.
    HTH.

Viewing 1 replies (of 1 total)
  • The topic ‘Dashed Underline’ is closed to new replies.