Vertical alignment

Types

baseline top middle bottom text-top text-bottom

<span class="env-align--baseline">baseline</span>
<span class="env-align--top">top</span>
<span class="env-align--middle">middle</span>
<span class="env-align--bottom">bottom</span>
<span class="env-align--text-top">text-top</span>
<span class="env-align--text-bottom">text-bottom</span>

baseline

top

middle

bottom

text-top

text-bottom

<table class="example-vertical-alignment">
   <tbody>
      <tr>
         <td class="env-align--baseline">baseline</td>
         <td class="env-align--top">top</td>
         <td class="env-align--middle">middle</td>
         <td class="env-align--bottom">bottom</td>
         <td class="env-align--text-top">text-top</td>
         <td class="env-align--text-bottom">text-bottom</td>
      </tr>
   </tbody>
</table>