Default

Utilities for vertically aligning elements.

HTML

<style>.test { font-size: 32px; padding: 15px 0; }
  .Box { height: 60px; width: 20px; display: inline-block; background: red;}
</style>
<div class="test">text <span class="u-alignBaseline Box"></span></div>
<div class="test">text <span class="u-alignBottom Box"></span></div>
<div class="test">text <span class="u-alignMiddle Box"></span></div>
<div class="test">text <span class="u-alignTop Box"></span></div>