How to Use CSS to style misspelled text

The u element + CSS. This is some mispeled text.

index.html

Example: HTML

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

<h1>The u element + CSS</h1>

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

</body>
</html>

Output should be:

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