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 |