Как выровнять текст по вертикали css

<table>
  <tr>
    <th class="bottom">Заголовок 1</th>
    <th class="up-center">Заголовок 2</th>
  </tr>
  <tr>
    <td >Текст 1</td>
    <td class="up">Текст 2</td>
  </tr>
</table>

table {
  /* Схлапывание границы у таблицы */
  border-collapse: collapse;
}

th, td {
  /* Видимая граница ячеек */
  border: 1px solid #000;
  /* Внутренний отступ и размер ячеек */
  padding: 5px;
  width: 200px;
  height: 60px;
}

.up {
  vertical-align: top;
}
  
.up-center {
  vertical-align: text-top;
}

.bottom {
  vertical-align: bottom;
}