javascript - 同じコンテナ内で下と上を垂直方向に揃える

Question

コンテナの上部にテキスト、下部に画像を配置しようとしています。下揃えが機能しない

<th id="ship_method"  colspan="1" rowspan="1">
<div style="vertical-align:top;">Ship Method</div>
<div style="vertical-align:bottom;">
<img  src="unsortImg.png">
</div>
</th>

Answer 1

@ tb11の回答に加えて、このように実際にテキストを揃える必要のない良い変更がありますが、それらをそのままのように見せるだけです。

「下」のコンテンツが画像であることを考慮すると、代わりに背景画像として含め、パディングを追加して、テキストが重ならないようにすることができます。

または、ここでの全体像を教えてください。あなたの全体的なデザインは何ですか？ここに表示したいコンテンツ/画像は何ですか? これは実際にはデータ テーブルですか、それともテーブルをレイアウトに使用していますか? このような詳細をお知らせいただければ、より良い提案を行うことができます。