Bootstrap 5 Text Decoration


In Bootstrap 5, you can apply text decorations, such as underlines, overlines, and line-through, to your text using utility classes. Bootstrap provides the following text decoration utility classes:

  • .text-decoration-none: This class removes all text decorations, including underlines, overlines, and line-through, from the text.
  • .text-decoration-underline: This class adds an underline to the text.
  • .text-decoration-line-through: This class adds a line through the text.
Example
<a class="text-decoration-none">Default anchor link decoration is removed.</a>
<p class="text-decoration-underline">This text has an underline.</p>
<p class="text-decoration-line-through">This text has a line through it.</p>
Try it Yourself

Output: