Skip to main content

Pivotal UI

v18.1.0
Modifiers / Alignment

Alignment

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

Classes

ModifierPurpose
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

Imports

Import CSS:

import 'pivotal-ui/css/alignment';