コロナ期で自粛が増えた結果、体はpaddingが増え、周りの人とはmarginが増えた - Qiita

はじめに プログラミング学習をはじめて多くの人が最初につまずくであろう箇所が「marginとpaddingの違い」だと思います。 自分もプログラミング学習当初は、 「h1, h2タグ余裕や！！」 「imgタグを使えば画像が配置できるのか！簡単簡単」 「floatを使えば要素を横並びにできるのか！」 と「プログラミング余裕やっ！」と調子に乗っていた矢先に「marginとpadding」が登場し苦しみました。 一般的な解説では「要素の外側に余白を取りたいときはmargin、内側に余白を取りたい時はpadding」という説明されていましたが、当時の自分にはこれだけでは全く理解できませんでした。 そもそも「要素の内側と外側ってなんやねん」と何度思ったことやら... またTwitterを眺めていると自分だけでなく、多くの初学者が「marginとpaddingの違い」を苦しんでいました。 今回はそんな