Как подчеркнуть слово в html

<p class="red-dots">Красные точки</p>
<p class="blue-wave">Синяя волна</p>
<p class="two-lines">Две черты, снизу и с верху</p>
<p class="bor-bottom">Черта снизу</p>

.bor-bottom {
  border-bottom: 2px solid #333;
}

.red-dots {
text-decoration: underline dotted red;
}

.blue-wave {
  text-decoration: blue wavy underline;
}

.two-lines {
  text-decoration: underline overline #FF3028;
}