Underlining text that is not a link

  • I want to underling red text with red underline. I put the following code in, but it doesn’t change the color of the underline:
    <h3 style=”text-align: center;”><span style=”text-decoration: underline; color: #ff0000;”><span style=”color: #ff0000;”>

    Am I missing something?

Viewing 5 replies - 1 through 5 (of 5 total)

  • You could do this instead.

    <h3 style="text-align: center;text-decoration: underline; color:#ff0000;">This is Red underline</h3>

    Or this would be better.

    In the HTML
    <h3 class="redunderline">This is Red underline</h3>

    In the style.css
    .redunderline{text-align: center;text-decoration: underline; color:#ff0000;}

    Thread Starter meseal

    (@meseal)

    Thanks for that. I went back and looked and I need red text and white underline. Do you have assistance for that?

    Sorry for the misunderstanding.

    In the HTML

    <h3 class="underline"><a>This is red underlined white </a></h3>

    In the CSS

    h3.underline a{textdecoration:none;color:red;}
h3.underline a:hover{text-decoration:none;border-bottom:1px solid white;}

    For Internet Explorer to display it correctly you’ll have to add this to the CSS

    h3.underline a:link{text-decoration:none;color:red;}

    Also for Internet Explorer you’ll have to modify the HTML to look like this.

    <h3 class="underline"><a href="#">This is red underlined white</a></h3>

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Underlining text that is not a link’ is closed to new replies.

Tags