Text Align

Set the horizontal alignment of text.

This feature is well established and works across many devices and browser versions.

Chrome

Edge

Firefox

Safari

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;

Use breakpoint prefixes to target different screen sizes. Styles apply from the breakpoint & up.

Target viewport sizes with breakpoint prefixes.

sm:ta-(value)

Small≥640px

md:ta-(value)

Medium≥768px

lg:ta-(value)

Large≥1024px

xxl:ta-(value)

Extra Large≥1536px

Apply styles conditionally on hover using the h: prefix.

Add the h: prefix to apply styles only when the user hovers over the element.

Syntax:h:ta-(value)