Skip to main content

Pivotal UI

Modifiers / Alignment


Use alignment modifier classes to control the horizontal and vertical alignment of an element's contents.


txt-lAlign contents to the left
txt-cCenter contents horizontally
txt-rAlign contents to the right
txt-tAlign contents to the top
txt-mCenter contents vertically
txt-bAlign 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 defined
Vertical alignment
ReferenceError: React is not defined


Import CSS:

import 'pivotal-ui/css/alignment';