How to Add a Dotted Underline Beneath HTML Text

html underline
parap picture parap · Mar 6, 2013 · Viewed 136.8k times · Source

How do you underline html text so that the line beneath the text is dotted rather than the standard underline? Preferably, I would like to do this without using a separate CSS file. I'm a novice at html.

Answer

Alfred Xing picture Alfred Xing · Mar 6, 2013

It's impossible without CSS. In fact, the <u> tag is simply adding text-decoration:underline to the text with the browser's built-in CSS.

Here's what you can do:

<html>
<head>
<!-- Other head stuff here, like title or meta -->

<style type="text/css">
u {    
    border-bottom: 1px dotted #000;
    text-decoration: none;
}
</style>
</head>
<!-- Body, content here -->
</html>

Related questions

How to remove the underline for anchors(links)?

Is there anyway (in CSS) to avoid the underline for the text and links introduced in the page .. ?

Read More
Removing underline with href attribute

Possible Duplicate: How to remove the underline for anchors(links)? In the following code below, the link gets underlined when I use the href attribute. <html> <body> <a href="xxx.html">goto this link&…

Read More
Changing Underline color

I have this code here: echo "<u><font color='red'><br>$username</font></u>"; Firstly, as you can see, it's underlined (< u >). Second, all text is all red. …

Read More