How to remember in CSS that margin is outside the border, and padding inside

css padding margin mnemonics
Hamish Downer picture Hamish Downer · Aug 28, 2008 · Viewed 14.6k times · Source

I don't edit CSS very often, and almost every time I need to go and google the CSS box model to check whether padding is inside the border and margin outside, or vice versa. (Just checked again and padding is inside).

Does anyone have a good way of remembering this? A little mnemonic, a good explanation as to why the names are that way round ...

Answer

Simon Keep picture Simon Keep · Aug 28, 2008

When working with CSS finally drives you mad the padded cell that they will put you in has the padding on the inside of the walls.

Related questions

When to use margin vs padding in CSS

When writing CSS, is there a particular rule or guideline that should be used in deciding when to use margin and when to use padding?

Read More
Remove all padding and margin table HTML and CSS

I have this table : <body> <table id="page" > <tr id="header" > <td colspan="2" id="tdheader" >je suis</td> </tr> <tr> <td>1</td> &…

Read More
Why is there an unexplainable gap between these inline-block div elements?

I have two inline-block div elements, that are the same, positioned next to eachother. However there seems to be a mysterious space of 4 pixels between the two divs despite the margin being set to 0. There are no parent divs effecting …

Read More