Skip to content

Text Align

Controls the alignment of text.

Class Properties

ta-s

text-align: start;

ta-e

text-align: end;

ta-l

text-align: left;

ta-r

text-align: right;

ta-c

text-align: center;

ta-j

text-align: justify;

ta-ja

text-align: justify-all;

ta-mp

text-align: match-parent;

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>