いろいろいじるとこれ
何もリセットかけずに入れるとこれ image
もともとのbuttonのstyleリセットしてる?
うーん、まあたしかに
どちらかというとbuttonをdivとかaにした方が融通聞くと思う
もともとflexじゃない??
ボタンとか、ヘッダーフッター、リストのタイトルとか1行の要素がおおいから、文章要素、2行以上になる要素にline-heightをつけるのがよい
というか全体にline-height: 1;を適用して、line-heightが必要な箇所だけ適用するのが適していると思
space-between適用してるのに隣り合わせになってる方が気になるなw
buttonは各ブラウザでスタイルを結構適用しているのでリセットが難しい