Many intermediate and begginer CSS designers get confused when it comes to padding and margin values. What’s the difference? They both just shift stuff, so why the different names? Don’t they do the same thing?\n<\/p>\n
Although the behavior of margin- and padding- is very similary, there is one important difference: margin- is on the outside<\/em> of the element, and padding- is on the inside<\/em>. What this means is, one will apply the whitespace shift “after” the element begins (padding), and the other will apply the whitespace “before” the element begins (margin). Many times there is no visible difference, but sometimes there is – a big one.\n<\/p>\n <\/p>\n That’s all you need to know about padding and margins, but it’s useful to remember one more thing: when “zeroing out” a element (to get rid of all default margins), be sure to set both<\/em> the padding and margin to 0. Depending on which browser interprets your page, it may place the default spacing as either a margin or<\/em> a padding, and you have to be sure you get them both.<\/p>\n","protected":false},"excerpt":{"rendered":" Many intermediate and begginer CSS designers get confused when it comes to padding and margin values. What’s the difference? They both just shift stuff, so why the different names? Don’t they do the same thing? Although the behavior of margin- … Continue reading \n