HTML

Alignment

ExamplesDocumentation

Examples

Basic

Text left
Text center
Text right
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.

Documentation

Overiew

Breakpoint is optional. Breakpoints: base (no breakpoint value), -on-sm, -on-md, -on-lg, -on-xl. Example .pf-u-text-left-on-lg

Usage

ClassApplied toOutcome
.pf-u-text-align-left{-on-[breakpoint]}*Aligns text left
.pf-u-text-align-center{-on-[breakpoint]}*Aligns text center
.pf-u-text-align-right{-on-[breakpoint]}*Aligns text right
.pf-u-text-align-justify{-on-[breakpoint]}*Aligns text justify