Выровняйте Div по верхнему краю внутри td

Question

I wi sh, чтобы выровнять div прямо под головой. Кажется, я не могу заставить его работать. (см. код и фото).

My Html:

          <td>
            <div class="schedule-content">
              <div class="timestamp">
                <h3>00:00 - 00:00</h3>
                <ul>
                  <li>Name1</li>
                  <li>Name2</li>
                  <li>Name3</li>
                </ul>
              </div>
            </div>
          </td>

My css:

#schedule .schedule td .schedule-content {
  display: flex;
  flex-direction: column;
  align-items: center;
}

#schedule .schedule td .timestamp {
  background-color: #fff;
  height: auto;
  width: 95%;
  border-radius: 10px;
  padding: 0.5rem;
  margin: 0.4rem 0;
}

Проблема

Answer 1

Решил. Я добавил это в css td:

td {
  vertical-align: top;
}

Answer 2

используйте align-items: flex-start; на .schedule-content