Underlining text using CSS

**AricC** · Mar 30 '07, 11:11 PM

Originally posted by Manil

Hi, I am new to the forum.

I wanted to know if there's any way in which I can underline a phrase in a webpage using CSS. I tried using "text-decoration:unde rline;" but it looks like that works only with hyperlinks. Any suggestions/advice is greatly appreciated.

Thanks...

That is the correct syntax.

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <html>
        <head>
            <title>Coming...</title>
                <style type="text/css">
                .clsUnderline
                {
             	text-decoration: underline
		}   
                </style>
        </head>
            <body>
               <div class="clsUnderline">
                    TEXT TEXT TEXT TEXT TEXT TEXT 
               </div>
            </body>
</html>

**KevinADC** · Mar 30 '07, 11:12 PM

It should work for just about any text:

<h1 style="text-decoration: underline">hell o world</h1>
<div style="text-decoration: underline">the text in the div</div>
etc
etc
etc

**Manil** · Jun 25 '07, 11:08 PM

thanks all for replying. I used your advise and it worked!

Underlining text using CSS

Underlining text using CSS

Comment

Comment

Comment