Vertical alignment

Change the alignment of elements with the utilities. Please note that vertical-align only affects inline, inline-block, inline-table, and table cell elements.

With inline elements:

With table cells:

<table style="height: 100px;">
  <tbody>
    <tr>
      <td class="align-top">top</td>
      <td class="align-bottom">bottom</td>
      <td class="align-text-bottom">text-bottom</td>
    </tr>
  </tbody>