Typography

Text Align

Utilities for sets the alignment of text.

Class

Usage

Set text align to left.

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

Set text align to right.

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

Set text align to center.

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

Set text align to justify.

<!-- 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.