Jajarkan kedudukan menegak div pertama dalam berbilang sel pengepala

Question

Saya mempunyai elemen yang mengandungi berbilang div, berbilang div di dalam sel pengepala pertama dan hanya satu div di dalam sel pengepala kedua. Jika anda menjalankan kod di bawah, "123" akan ditengahkan (dijajarkan secara menegak dengan "abc") -

<table style="width:100%">
  <tr>
    <th>
      <div>abc</div>
      <div>xyz</div>
    </th>
    <th>
      <div>123</div>
    </th>
  </tr>
</table>

Saya mahu menjajarkan 'abc' dan '123' secara menegak.

Answer 1

Tukar penjajaran menegak sel dengan "123"

<table style="width:100%">
  <tr>
    <th>
      <div>abc</div>
      <div>xyz</div>
    </th>
    <th style="vertical-align: top;">
      <div>123</div>
    </th>
  </tr>
</table>