Alignment

# 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