margin をつけてないのに ok ボタンに上下左右空白が付いているのは何故ですか?

ボタンがこの位置に来ているのはボタンの margin ではなく body の padding によるものです。
2021年11月18日
ユーザー

いつも楽しく学習させて頂きありがとうございます。
CSS#18〜#21 の padding、margin についてまだ理解しきれていないので
復習も踏まえて質問させて頂きます。

span タグはインライン要素なので width や height によるサイズ指定ができないため。
padding でボタンのサイズを決めているのだと思いますが、

body {
  padding: 64px;
}
.btn {
  padding: 16px 32px

というコードで
.btn {padding: 16px 32px は ok ボタンの上下左右を設定したと思ったのですが、

margin をつけてないのに ok ボタンに上下左右空白が付いているのが
分かりませんでした。
検証コードでも確認したのですが、margin はついていない状態になっていたのですが
padding では何処を設定されたのでしょうか?

この回答を見るにはプレミアムプランへの登録が必要です

プレミアムプランとは?

このレッスンの質問と回答(5)