Skip to content
PatternFly logo

Alignment

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

Overview

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

Usage

Class
Applied to
Outcome
.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

View source on GitHub