Text Utilities

Text utilities are used for text alignment and styles. Utilities are simple HTML classes typically scoped to a single CSS property, and can be used to style an object.

Heading Text

We can use h1, h2, h3, h4, h5, h6 elements for headings. In same way class names h1, h2, h3, h4, h5, h6 also can be used for headings.

H1-Heading1

H2-Heading2

H3-Heading3

H4-Heading4

H5-Heading5

H6-Heading6

Paragraph Text

We can use just classes- text-left, text-center and text-right.

H3-Heading Text Aligned Left

H3-Heading Text Aligned Center

H3-Heading Text Aligned Right

Some More Common Styles

We can use class text-small-size, where size is 12px.
We can use class text-gray-color, to give gray color to text.
We can use mark tag with class text-highlight, to highlight a text.
We can use class text-strike, to strike through a text.
We can use class text-bold-weight, where weight of text is 700.
We can use class text-primary-color, to change the text color into primary color.

This is small size text Example

This is gray text color Example

This is highlighted text Example

This is no longer accurate text Example

This is bold text Example

This is primary color text Example