HTMLでtable-cellの中のButtonタグとかdivタグとかが微妙に隙間ができて下に寄る

たまにひっかかるのでメモ.

HTMLでtable-cellの中にButtonタグやimgタグ、divタグとうとうを入れた時に、
paddingやmarginをいくら確認してもChromeのデベロッパーツールでいくら確認しても
ずれている原因、微妙な隙間ができる原因がわからない….

結局色々試した結果.

vertical-align:top

が必要だった.

(これが直接的な原因かはかわらないけど.)
これで治ることが多い.