diff --git a/scss/_utilities.scss b/scss/_utilities.scss
index 1f3c7b4ac2a1..b7c38249aa96 100644
--- a/scss/_utilities.scss
+++ b/scss/_utilities.scss
@@ -426,7 +426,7 @@ $utilities: map-merge(
),
"text-decoration": (
property: text-decoration,
- values: none
+ values: none underline line-through
),
"font-style": (
property: font-style,
diff --git a/site/content/docs/4.3/content/typography.md b/site/content/docs/4.3/content/typography.md
index d4daabdd033f..5b651660988c 100644
--- a/site/content/docs/4.3/content/typography.md
+++ b/site/content/docs/4.3/content/typography.md
@@ -143,13 +143,25 @@ Styling for common inline HTML5 elements.
This line rendered as italicized text.
{{< /example >}}
-`.mark` and `.small` classes are also available to apply the same styles as `` and `` while avoiding any unwanted semantic implications that the tags would bring.
+Beware that those tags should be used for semantic purpose:
-While not shown above, feel free to use `` and `` in HTML5. `` is meant to highlight words or phrases without conveying additional importance while `` is mostly for voice, technical terms, etc.
+* `` represents text which is marked or highlighted for reference or notation purposes.
+* `` represents side-comments and small print, like copyright and legal text.
+* `` represents element that are no longer relevant or no longer accurate.
+* `` represents a span of inline text which should be rendered in a way that indicates that it has a non-textual annotation.
+
+If you want to style your text, you should use the following classes instead:
+
+* `.mark` will apply the same styles as ``.
+* `.small` will apply the same styles as ``.
+* `.text-decoration-underline` will apply the same styles as ``.
+* `.text-decoration-line-through` will apply the same styles as ``.
+
+While not shown above, feel free to use `` and `` in HTML5. `` is meant to highlight words or phrases without conveying additional importance, while `` is mostly for voice, technical terms, etc.
## Text utilities
-Change text alignment, transform, style, weight, line-height and color with our [text utilities]({{< docsref "/utilities/text" >}}) and [color utilities]({{< docsref "/utilities/colors" >}}).
+Change text alignment, transform, style, weight, line-height, decoration and color with our [text utilities]({{< docsref "/utilities/text" >}}) and [color utilities]({{< docsref "/utilities/colors" >}}).
## Abbreviations
diff --git a/site/content/docs/4.3/utilities/text.md b/site/content/docs/4.3/utilities/text.md
index 3ae40fabc970..f54020644cdd 100644
--- a/site/content/docs/4.3/utilities/text.md
+++ b/site/content/docs/4.3/utilities/text.md
@@ -109,8 +109,10 @@ Reset a text or link's color with `.text-reset`, so that it inherits the color f
## Text decoration
-Remove a text decoration with a `.text-decoration-none` class.
+Decorate text in components with text decoration classes.
{{< example >}}
-Non-underlined link
+This text has a line underneath it.
+This text has a line going through it.
+This link has its text decoration removed
{{< /example >}}