Confusion over adjusting the margin

Question: I copy - pasted the text shown below from the lesson on adjusting the margin.

"An element’s margin controls the amount of space between an element’s border and surrounding elements.

Here, we can see that the blue box and the red box are nested within the yellow box. Note that the red box has a bigger margin than the blue box, making it appear smaller.

When you increase the blue box’s margin , it will increase the distance between its border and surrounding elements."

Doesn’t this accomplish the same thing as adjusting the padding? I’m unclear what the difference is between the margin and the padding.

Thank you for your reply.

Okay, no need to reply. I understand it now. I’m good to go! Thank you.


Good to know that you already understand that.

Welcome to forum!