Text Highlights

You can enhance the visibility of text by adding an underline beneath it, which helps draw attention to the content.

Underline

This subtle underline effect makes the text stand out, improving readability and emphasizing important information.

<span>You can add an <span class="underline">underline</span> below text to make it stand out.</span>

Underline 2

This underline is designed to capture attention and make the text more visually striking.

<h2>This type of <span class="underline-2 warning">underline</span> is much more eye-catching.</h2>
<h2>This type of <span class="underline-2 primary">underline</span> is much more eye-catching.</h2>

Underline 3

The circular underline creates a unique, eye-catching effect that highlights the text in an elegant and distinctive way.

<h2>This type of <span class="underline-3 warning">underline</span> adds a circular border around the text.</h2>
<h2>This type of <span class="underline-3 primary">underline</span> adds a circular border around the text.</h2>

Mark

This mark highlight draws attention to the text, making it stand out clearly.

<span>You can also add a <span class="mark warning">mark</span> under text to make it stand out better.</span>