Showcase Text Styles

This article showcases various text styling options available through the custom CSS classes.

Text Alignment

This paragraph is aligned to the left. It's the default but explicitly set here.

This paragraph is centered on the page. It's useful for titles or short, impactful statements.

This paragraph is aligned to the right. Sometimes used for meta-information or specific design layouts.

This paragraph demonstrates justified text. The text is spread out evenly to align with both the left and right margins, creating a clean block of text. This can be aesthetically pleasing for long passages of content, ensuring a uniform look across the article body. It ensures a consistent line length and visual density. This paragraph demonstrates justified text. The text is spread out evenly to align with both the left and right margins, creating a clean block of text. This can be aesthetically pleasing for long passages of content, ensuring a uniform look across the article body. It ensures a consistent line length and visual density.

Font Weight

Here are examples of different font weights:

• This text has a light font weight.
• This text has a normal font weight (default).
• This text has a medium font weight.
• This text has a semi-bold font weight.
• This text has a bold font weight.

Text Colors

Using predefined color classes:

• This is a primary colored text.
• This is a secondary colored text.
• This is a success colored text.
• This is a danger colored text.
• This is a warning colored text.
• This is an info colored text.
• This is dark colored text.
• This is light colored text (with dark background for visibility).

End of Text Styles Showcase.