<p class="user-select-all">This paragraph will be entirely selected when clicked by the user.</p>
        <p class="user-select-auto">This paragraph has default select behavior.</p>
        <p class="user-select-none mb-0">This paragraph will not be selectable when clicked by the user.</p>

 <p><a Href="javascript:void(0);" class="pe-none text-primary fw-medium text-decoration-underline" tabindex="-1" aria-disabled="true">This link</a> can not be clicked.</p>
        <p><a Href="javascript:void(0);" class="pe-auto text-primary fw-medium text-decoration-underline">This link</a> can be clicked (this is default behavior).</p>
        <p class="pe-none mb-0"><a Href="javascript:void(0);" tabindex="-1" class="text-primary fw-medium text-decoration-underline" aria-disabled="true">This link</a> can not be clicked because the <code>pointer-events</code> property is inherited from its parent. However, <a Href="javascript:void(0);" class="pe-auto">this link</a> has a <code>pe-auto</code> class and can be clicked.</p>

 <p><a Href="javascript:void(0);" class="link-underline-primary text-decoration-underline">Primary underline</a></p>
        <p><a Href="javascript:void(0);" class="link-underline-secondary text-decoration-underline">Secondary underline</a></p>
        <p><a Href="javascript:void(0);" class="link-underline-success text-decoration-underline">Success underline</a></p>
        <p><a Href="javascript:void(0);" class="link-underline-danger text-decoration-underline">Danger underline</a></p>
        <p><a Href="javascript:void(0);" class="link-underline-warning text-decoration-underline">Warning underline</a></p>
        <p><a Href="javascript:void(0);" class="link-underline-info text-decoration-underline">Info underline</a></p>
        <p><a Href="javascript:void(0);" class="link-underline-light text-decoration-underline">Light underline</a></p>
        <p class="mb-0"><a Href="javascript:void(0);" class="link-underline-dark text-decoration-underline">Dark underline</a></p>

 <p><a Href="javascript:void(0);" class="text-decoration-underline">Default link</a></p>
        <p><a class="link-offset-1 text-decoration-underline" Href="javascript:void(0);">Offset 1 link</a></p>
        <p><a class="link-offset-2 text-decoration-underline" Href="javascript:void(0);">Offset 2 link</a></p>
        <p class="mb-0"><a class="link-offset-3 text-decoration-underline" Href="javascript:void(0);">Offset 3 link</a></p>

 <p><a class="text-decoration-underline link-offset-2 link-underline link-underline-opacity-0" Href="javascript:void(0);">Underline opacity 0</a></p>
        <p class="mb-4"><a class="text-decoration-underline link-offset-2 link-underline link-underline-opacity-10" Href="javascript:void(0);">Underline opacity 10</a></p>
        <p class="mb-4"><a class="text-decoration-underline link-offset-2 link-underline link-underline-opacity-25" Href="javascript:void(0);">Underline opacity 25</a></p>
        <p class="mb-4"><a class="text-decoration-underline link-offset-2 link-underline link-underline-opacity-50" Href="javascript:void(0);">Underline opacity 50</a></p>
        <p class="mb-4"><a class="text-decoration-underline link-offset-2 link-underline link-underline-opacity-75" Href="javascript:void(0);">Underline opacity 75</a></p>
        <p class="mb-0"><a class="text-decoration-underline link-offset-2 link-underline link-underline-opacity-100" Href="javascript:void(0);">Underline opacity 100</a></p>

 <p><a Href="javascript:void(0);" class="link-primary link-offset-2 link-underline-opacity-25 link-underline-opacity-100-hover text-decoration-underline">Primary link</a></p>
        <p><a Href="javascript:void(0);" class="link-secondary link-offset-2 link-underline-opacity-25 link-underline-opacity-100-hover text-decoration-underline">Secondary link</a></p>
        <p><a Href="javascript:void(0);" class="link-success link-offset-2 link-underline-opacity-25 link-underline-opacity-100-hover text-decoration-underline">Success link</a></p>
        <p><a Href="javascript:void(0);" class="link-danger link-offset-2 link-underline-opacity-25 link-underline-opacity-100-hover text-decoration-underline">Danger link</a></p>
        <p><a Href="javascript:void(0);" class="link-warning link-offset-2 link-underline-opacity-25 link-underline-opacity-100-hover text-decoration-underline">Warning link</a></p>
        <p><a Href="javascript:void(0);" class="link-info link-offset-2 link-underline-opacity-25 link-underline-opacity-100-hover text-decoration-underline">Info link</a></p>
        <p><a Href="javascript:void(0);" class="link-light link-offset-2 link-underline-opacity-25 link-underline-opacity-100-hover text-decoration-underline">Light link</a></p>
        <p><a Href="javascript:void(0);" class="link-dark link-offset-2 link-underline-opacity-25 link-underline-opacity-100-hover text-decoration-underline">Dark link</a></p>
        <p class="mb-0"><a Href="javascript:void(0);" class="link-body-emphasis link-offset-2 link-underline-opacity-25 link-underline-opacity-75-hover text-decoration-underline mb-0">Emphasis link</a></p>