How to set Default CSS Settings on HTML <u> Tag

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

A u element is displayed like this:

Some underlined text

Change the default CSS settings to see the effect.

index.html

Example: HTML

<!DOCTYPE html>
<html>
<head>
<style>
u { 
  text-decoration: underline;
}
</style>
</head>
<body>

<p>A u element is displayed like this:</p>

<u>Some underlined text</u>

<p>Change the default CSS settings to see the effect.</p>

</body>
</html>

Output should be:

Type:	html
Category:	Web Tutorial
Sub Category:	HTML Tag
Uploaded by:	Admin