JSFiddle - React, Tailwind, and code Playground

HTML

<h1>Un titre de niveau 1</h1>

<p class="p1">Un premier paragraphe</p>
<p class="p2">Un second paragraphe</p>
<p class="p3">Un troisième paragraphe</p>
<p>Un <a href="#">lien</a></p>

CSS

h1 {
  text-decoration: underline;
}

.p1 {
  text-decoration: underline overline red;
}

.p2 {
  text-decoration: underline dashed red;
}

.p3 {
  text-decoration: underline wavy;
}

a {
  text-decoration: none;
}