Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

HTML How to Make a Website Styling Web Pages and Navigation Style the Portfolio

Max Hsiao
Max Hsiao
429 Points
Posted by Max Hsiao
Max Hsiao
429 Points

What is margin and padding?

I don't get what margin and padding do at all.

3 Answers

Grace Kelly
Grace Kelly
33,990 Points
Grace Kelly
Grace Kelly
33,990 Points

Hi Max, the margin is the space outside of, or between, elements. The padding is the space around the element to its border. SImply put:

margin = space around (outside) padding = space around (inside)

Here's a diagram to illustrate this.

Hope that helps!!

jason chan
jason chan
31,009 Points
jason chan
jason chan
31,009 Points

padding is inside space. margin is outside space.

box

chrisverra
chrisverra
3,760 Points
chrisverra
chrisverra
3,760 Points

easiest way to find out is to use inspect element in your browser and go to 'layout'