margin と padding

marginは、外側の余白「上右下左」を指定します。

paddingは、内側の余白「上右下左」を指定します。


◯◯◯: 2px; ------「上下左右」
◯◯◯: 2px 4px; ------「上下」「左右」
◯◯◯: 2px 4px 6px; ------「上」「左右」「下」
◯◯◯: 2px 4px 6px 8px; ------「上」「右」「下」「左」

eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee
eeeeeeeeeee

<div style="background-color: no; border: 1px solid #DAA520; margin: 50px; padding: 20px 10px 30px 20px;">
eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee<br />
eeeeeeeeeee</div>

11111111

<div style="background-color: no; border: 1px solid #DAA520; margin-bottom: 15px; margin: 10px 220px 0px 20px; padding: 10px 10px 5px;">
<div style="margin-bottom: 5px;">11111111
<br /></div>
</div>
<br />