Tutorials References Exercises Videos Menu
Create Website Get Certified Upgrade

HTML <u> Tag


Example

Mark up a misspelled word with the <u> tag:

<p>This is some <u>mispeled</u> text.</p>
Try it Yourself »

More "Try it Yourself" examples below.


Definition and Usage

The <u> tag represents some text that is unarticulated and styled differently from normal text, such as misspelled words or proper names in Chinese text. The content inside is typically displayed with an underline. You can change this with CSS (see example below). 

Tip: Avoid using the <u> element where it could be confused for a hyperlink!


Browser Support

Element
<u> Yes Yes Yes Yes Yes

Global Attributes

The <u> tag also supports the Global Attributes in HTML.


Event Attributes

The <u> tag also supports the Event Attributes in HTML.



More Examples

Example

Use CSS to style misspelled text:

<html>
<head>
<style>
.spelling-error {
  text-decoration-line: underline;
  text-decoration-style: wavy;
  text-decoration-color: red;
}
</style>
</head>
<body>

<p>This is some <u class="spelling-error">mispeled</u> text.</p>

</body>
</html>
Try it Yourself »

Related Pages

HTML tutorial: HTML Text Formatting

HTML DOM reference: Underline Object


Default CSS Settings

Most browsers will display the <u> element with the following default values:

Example

u {
  text-decoration: underline;
}
Try it Yourself »