Press/to search

Typography

Text Align

Utilities for sets the alignment of text.


Class

classcss
text-lefttext-align: left
text-centertext-align: center
text-righttext-align: right
text-justifytext-align: justify

Usage

Set text align to left.

Text
<!-- Example -->
<y class="text-left">
...
</y>

Set text align to right.

Text
<!-- Example -->
<y class="text-right">
...
</y>

Set text align to center.

Text
<!-- Example -->
<y class="text-center">
...
</y>

Set text align to justify.

Text Text Text Text Text Text Text
<!-- Example -->
<y class="text-justify">
...
</y>

Variant

ResponsiveDark ModeLight ModeReduce-MotionPortraitLandscapeHoverGroup-HoverFocusGroup-FocusFocus-VisibleFocus-WithinActiveVisitedCheckedDisabled

Default enabled variants. Read more information about the Responsive and Pseudo-Class Variants.