Выровнять по вертикали содержимое кнопки, отличной от центра

Обычно люди пытаются выяснить, как центрировать материал по вертикали, я хочу удалить экземпляр центрированного контента и выровнять, и я застрял.

Содержимое кнопки (которая помещается в список в ячейке таблицы) по умолчанию центрируется по вертикали. Как я могу удалить это? Как выровнять содержимое<button> вертикально к вершине?

<table>
 <tbody>
 <td>
  <ul>
  <li>
   <button>
    <div>Content</div>

У меня есть пример наjsFiddle.

button {
  display: block;
  position: relative;
  background-color: pink;
  width: 100%;
  min-height: 200px;
}

<button>
  <div>why?</div>
  <div>are these centered vertically?</div>
  <div>And how to remove it?</div>
</button>