Alignment

Text and container alignment and utility classes allow you to shift your content or custom content container's horizontal alignment.

Class	Notes
.cdr-align-text-left	Left align text
.cdr-align-text-left@xs	Left align text at extra small breakpoint only
.cdr-align-text-left@sm	Left align text at small breakpoint only
.cdr-align-text-left@md	Left align text at medium breakpoint only
.cdr-align-text-left@lg	Left align text at large breakpoint only
.cdr-align-text-center	Center align text
.cdr-align-text-center@xs	Center align text at extra small breakpoint only
.cdr-align-text-center@sm	Center align text at small breakpoint only
.cdr-align-text-center@md	Center align text at medium breakpoint only
.cdr-align-text-center@lg	Center align text at large breakpoint only
.cdr-align-text-justify	Justify align text
.cdr-align-text-justify@xs	Justify align text at extra small breakpoint only
.cdr-align-text-justify@sm	Justify align text at small breakpoint only
.cdr-align-text-justify@md	Justify align text at medium breakpoint only
.cdr-align-text-justify@lg	Justify align text at large breakpoint only
.cdr-align-text-right	Right align text
.cdr-align-text-right@xs	Right align text at extra small breakpoint only
.cdr-align-text-right@sm	Right align text at small breakpoint only
.cdr-align-text-right@md	Right align text at medium breakpoint only
.cdr-align-text-right@lg	Right align text at large breakpoint only

Content

Class	Notes
.cdr-align-center-block	Sets element to block display and centers using margin: 0 auto
.cdr-align-center-block@xs	For the extra small breakpoint only
.cdr-align-center-block@sm	For the small breakpoint only
.cdr-align-center-block@md	For the medium breakpoint only
.cdr-align-center-block@lg	For the large breakpoint only