Skip to main content

Alignment

Alignment of content, whether it's horizontal or vertical, or both.

Tip: Give your .u-center-block element some height. If you don't your content will appear to only align horizontally.

Centered

Vertical

Horizontal

Centered Absolutely

To position an element perfectly in the center of a relative container use the .u-absolute-center block.

Centered Text

Use .u-centered to apply text-align: center; to an element.