buttonの中身の上下左右中央寄せ

Question

heightとwidthを適度に与えたbuttonタグの中身が上下左右中央寄せになるのはデフォルトのスタイルの影響でしょうか。

text-align: center;
align-items: flex-start;

デベロッパーツールで検証してみた結果、この二つのデフォルトのスタイルが影響しているのでは？と考えている（左右中央揃えに関してはほぼ確実）のですが、ご存知の方教えていただけないでしょうか。

buttonタグの中身は基本的に上下左右中寄せになるものだという認識で大丈夫なのでしょうか。

Answer 1

buttonタグの中身は基本的に上下左右中寄せになるものだという認識で大丈夫なのでしょうか。

はい。HTML規格でそのように定義されています。

https://html.spec.whatwg.org/multipage/rendering.html#button-layout-2

o If the box does not overflow in the horizontal axis, then it is centered horizontally.
o If the box does not overflow in the vertical axis, then it is centered vertically.