Text Color

Define the color of text using classes like text-red-500, text-green-700, or other color variants.

  • text-[color]: Applies a specific text color, where [color] is a color name or value.

What Classes can be used for Text alignment and Styling in Tailwind CSS ?

In Tailwind CSS, various utility classes are available for text alignment and styling. Here are some commonly used classes:

Similar Reads

Text Alignment:

Adjust the horizontal alignment of text using classes like text-left, text-center, text-right, or text-justify....

Font Weight:

Font Weight controls the thickness of the font with classes like font-thin, font-normal, font-bold, or font-black....

Text Size:

Set the size of text with classes like text-xs (extra small), text-lg (large), or text-2xl (even larger)....

Text Color:

Define the color of text using classes like text-red-500, text-green-700, or other color variants....

Italic and Underline:

Add emphasis to text with classes like italic italics and underline underlining....

Text Decoration:

Apply various text decorations using classes like line-through for strikethrough or no-underline to remove underlining....

Letter Spacing:

Adjust the spacing between letters using classes like tracking-tighter, tracking-normal, or tracking-wider....

Line Height:

It sets the height of a line of text....

Text Transform:

Change the capitalization of text with classes like uppercase, lowercase, or capitalize....