@ou-imdt/css/docs/native/u.md

The IMDT CSS library styles native elements with light, extendable CSS. It is developed for Interactive Media Developers at the Open University.

# u : the unarticulated annotation element

Known as the underline element in previous versions of HTML, as of HTML5 this tag was re-used but indicates text that has an unarticulated annotation associated with it. When styling something to be visually underlined please use css text-decoration or the `.underline` utility class.

__In almost all cases there is a more suitable tag that conveys semantic meaning in the HTML spec.__

The core style for underline has been set to wavy to make a clear distinction between links, abbr and other inline text tags, and to discourage it's use where more suitable tags could be used (`em`, `i`, `b`, `strong`, `mark`, `cite`).


## Examples

<div class="card">
  <p>You could use this element to highlight <u>speling</u> mistakes, so the writer can <u>corect</u> them.</p>
</div>

<details class="compact">
  <summary>HTML</summary>

```html
<p>You could use this element to highlight <u>speling</u> mistakes, so the writer can <u>corect</u> them.</p>
```

</details>