■MARGIN & PADDINGの正しい処方

[実験 1]マージンの相殺
もっとも頻発する有名なCSS2のトラブル例です。

ブロック要素の中に1行のテキストと、ブロック要素が内包されています。
一番外側のBOX「BASE」内のテキストを削除してみましょう。
左と上部に、10ox分の余白が空くはずです。