Alignment
Use alignment modifier classes to control the horizontal and vertical alignment of an element's contents.
Classes
| Modifier | Purpose |
|---|---|
txt-l | Align contents to the left |
txt-c | Center contents horizontally |
txt-r | Align contents to the right |
txt-t | Align contents to the top |
txt-m | Center contents vertically |
txt-b | Align contents to the bottom |
Note that the vertical alignment classes listed here (txt-t, txt-m, txt-b) will only work when applied to elements with display: inline or display: table-cell. For vertical alignment within display: block elements, these modifiers might be more useful.
Horizontal alignment
ReferenceError: React is not definedVertical alignment
ReferenceError: React is not definedImports
Import CSS:
import 'pivotal-ui/css/alignment';