Alignez la position verticale du premier div dans plusieurs cellules d'en-tête

Question

J'ai un élément qui contient plusieurs divs, plusieurs divs dans la première cellule d'en-tête et un seul div dans la deuxième cellule d'en-tête. Si vous exécutez le code ci-dessous, "123" sera centré (aligné verticalement avec "abc") -

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

Je souhaite aligner verticalement « abc » et « 123 ».

Answer 1

Modifiez l'alignement vertical des cellules avec "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>