Text-utilities

This page contains different sizes and different variants of text which a user can use while creating a website.

Headings

Below is an example of different sizes of headings, can be made by adding particular classes.

                               
                                <h1 class="h1-heading">I am a H1 Heading.</h1>

                                <h2 class="h2-heading">I am a H2 heading.</h2>

                                <h3 class="h3-heading">I am a H3 Heading.</h3>
                               
                           

Small Text

Small text can be used to write contents in a website, these texts can also be of different sizes.

                                
                                    <p class="normal-text">I am a normal text</p>

                                    <p class="small-text">I am a small text</p>

                                    <p class="smaller-text">I am a smaller text</p>
                                
                            

Gray-text

Below is the example of a simple Gray text.

                                
                                    <p class="gray-text">I am a gray Text!!!.</p>
                                
                            

Center Text

Center text are aligned center in the container.

                                
                                    <h1 class="center-text">I am a center Text.</h1>