Text Align

Controls the alignment of text.

Class	Property
ta-c	text-align: center;
ta-e	text-align: end;
ta-j	text-align: justify;
ta-ja	text-align: justify-all;
ta-l	text-align: left;
ta-mp	text-align: match-parent;
ta-r	text-align: right;
ta-s	text-align: start;

---

Using responsive modifiers

Using responsive breakpoints like sm:ta-*, md:ta-*, lg:ta-*, and xxl:ta-* allows targeting specific utilities in different viewports.

<div class="ta-l md:ta-c ..."></div>

Using hover modifiers

Using :hover modifiers such as h:ta-* allows you to override elements and change their values when hovering over them.

<div class="ta-l h:ta-c ..."></div>