Edit in JSFiddle

*{
  font-size:18px;
  line-height:25px;
}
.top {
    vertical-align: top;
}
.middle {
    vertical-align: middle;
}
.bottom {
    vertical-align: bottom;
}
.baseline {
    vertical-align: baseline;
}
.text-top {
    vertical-align: text-top;
}
.text-bottom {
    vertical-align: text-bottom;
}
<table style="height: 100px;">
<tbody>
<tr>
<td class="baseline">baseline</td>
<td class="top">top</td>
<td class="middle">middle</td>
<td class="bottom">bottom</td>
<td class="text-top">text-top</td>
<td class="text-bottom">text-bottom</td>
</tr>
</tbody>
</table>