Text Sizes

These "text-size" classes are intended to be used on <span> tags within your <h1> – <h6>, <p> elements. These classes will adjust the font-size of the span relative to the font-size of the parent.

Example: Text xxl

This is the <h1> tag, and this is text-xxl.

This is the <h2> tag, and this is text-xxl.

This is the <h3> tag, and this is text-xxl.

This is the <h4> tag, and this is text-xxl.

This is the <h5> tag, and this is text-xxl.

This is the <h6> tag, and this is text-xxl.

This is the <p> tag, and this is text-xxl.

Copy

                                    
                                        <span class="text-xxl">Text</span>

Example: Text xl

This is the <h1> tag, and this is text-xl.

This is the <h2> tag, and this is text-xl.

This is the <h3> tag, and this is text-xl.

This is the <h4> tag, and this is text-xl.

This is the <h5> tag, and this is text-xl.

This is the <h6> tag, and this is text-xl.

This is the <p> tag, and this is text-xl.

Copy

                                    
                                        <span class="text-xl">Text</span>

Example: Text lg

This is the <h1> tag, and this is text-lg.

This is the <h2> tag, and this is text-lg.

This is the <h3> tag, and this is text-lg.

This is the <h4> tag, and this is text-lg.

This is the <h5> tag, and this is text-lg.

This is the <h6> tag, and this is text-lg.

This is the <p> tag, and this is text-lg.

Copy

                                    
                                        <span class="text-lg">Text</span>

Example: Text sm

This is the <h1> tag, and this is text-sm.

This is the <h2> tag, and this is text-sm.

This is the <h3> tag, and this is text-sm.

This is the <h4> tag, and this is text-sm.

This is the <h5> tag, and this is text-sm.

This is the <h6> tag, and this is text-sm.

This is the <p> tag, and this is text-sm.

Copy

                                    
                                        <span class="text-sm">Text</span>

Example: Text xs

This is the <h1> tag, and this is text-xs.

This is the <h2> tag, and this is text-xs.

This is the <h3> tag, and this is text-xs.

This is the <h4> tag, and this is text-xs.

This is the <h5> tag, and this is text-xs.

This is the <h6> tag, and this is text-xs.

This is the <p> tag, and this is text-xs.

Copy

                                    
                                        <span class="text-xs">Text</span>

Example: Text xxs

This is the <h1> tag, and this is text-xxs.

This is the <h2> tag, and this is text-xxs.

This is the <h3> tag, and this is text-xxs.

This is the <h4> tag, and this is text-xxs.

This is the <h5> tag, and this is text-xxs.

This is the <h6> tag, and this is text-xxs.

This is the <p> tag, and this is text-xxs.

Copy

                                    
                                        <span class="text-xxs">Text</span>