Alignments

The align utility sets alignment for text elements.

Left Aligned
Center Aligned
Right Aligned
<h5 class="u-align-left">Left Aligned</h5>
<h5 class="u-align-center">Center Aligned</h5>
<h5 class="u-align-right">Right Aligned</h5>

Responsive Alignments

You can set responsive device specific alignments.

<h5 class="u-align-m-left">Left Aligned</h5>
<h5 class="u-align-t-center">Center Aligned</h5>
<h5 class="u-align-d-right">Right Aligned</h5>

Vertical Alignments

You can set top, middle, bottom vertical alignments.

<h5 class="u-align-top">Top Aligned</h5>
<h5 class="u-align-middle">Middle Aligned</h5>
<h5 class="u-align-bottom">Bottom Aligned</h5>