Alignement utilities

Text alignement

Set the horizontal alignement inside of a block element.

Usage

u-align-[left|right|center](@[breakpoint])
  • value
    Align to the left or right edge, or center the content horizontally.
  • breakpoint (optional)
    Apply the utility from the specified breakpoint and larger.

Examples

This text is centered
u-align-center
This text is centered by default, but align to the left when displayed on a medium or larger screen.
u-align-center u-align-left@medium