Text Align

Controls the alignment of text.

Class	Properties
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 breakpoints

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

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

Using variants

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

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