Text Alignment Examples

Using text-left

This paragraph has its text aligned to the left. This is often the default text alignment for most languages, but explicitly using text-left ensures this behavior. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Using text-center

This paragraph has its text aligned to the center. The text-center class is applied directly to this paragraph element. Ideal for headings or specific call-outs. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Using text-right

This paragraph has its text aligned to the right. Use text-right when you need content to flush against the right edge of its container. Ut enim ad minim veniam, quis nostrud exercitation ullamco.

These alignment classes ( text-left , text-center , text-right ) apply to the text content _within_ their parent block-level element.