Text utilities

Below are the various text utility classes which will help you modify your text at rocket speed:

1. Headings: all HTML headings are available.

2. Text sizes: Different text sizes are available. You can use classes such as text-xs, text-s, text-m, text-l, text-xl

3. Text decoration: you can have decorative text such as grey text using class .gray-text and line through text using .line-through-text class.

4. Text center: you can Align your text at center using .text-center class.

1. Headings:

H6 Heading

H5 Heading

H4 Heading

H3 Heading

H2 Heading

H1 Heading

            
                <h6>H6 Heading</h6>
                <h5>H5 Heading</h5>
                <h4>H4 Heading</h4>
                <h3>H3 Heading</h3>
                <h2>H2 Heading</h2>
                <h1>H1 Heading</h1>

1. Text Sizes:

Extra small text

Small text

Medium text

Large text

Extra large text

            
                <p class="font-size-xs">Extra small text</p>
                <p class="font-size-s">Small text</p>
                <p class="font-size-m">Medium text</p>
                <p class="font-size-l">Large text</p>
                <p class="font-size-xl">Extra large text</p>

3. Text Decoration:

This is gray text

This is line through text.

            
                <p class="gray-text">This is gray text</p>
                <p><del>This is line through text.</del></p>

4. Text Center:

Text at the center of the container.

            
                <p class="text-center">Text at the center of the container.</p>