- Brand
- Forms
- Buttons
- Utilities
  - Vertical alignment
  - Vertical table alignment
- Components
- Compositions
- Ember Addon

### Vertical alignment

Vertical align inline elements having different line height.

#### Vertical alignment inside block elements

This helper classes will not vertically align content inside block elements.

# Top aligned text.

# Middle aligned text.

# Bottom aligned text.

    <h1><small class="valign-top">Top</small> aligned text.</h1>
    <h1><small class="valign-middle">Middle</small> aligned text.</h1>
    <h1><small class="valign-bottom">Bottom</small> aligned text.</h1>

### Vertical table alignment

Vertical align elements inside table cells.

Example row | Top | Middle | Bottom

    <table>
      <tr>
        <td class="valign-top">Top</td>
        <td class="valign-middle">Middle</td>
        <td class="valign-bottom">Bottom</td>
      </tr>
    </table>