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

VariantEnabledResponsive
DefaultYesYes
Dark Theme
hover
group-hover
focus
focus-within
active
visited
checked
disabled