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.
Using variants
Using :hover
variants such as h:ta-*
allows you to override elements and change their values when hovering over them.