When I should use Margin and Padding in CSS ?

[hoangvu]

It's difficult for me to use padding and margin in Css, are they different ?
Anyone know about When I should use Margin and Padding in CSS and any Tips ?

Thanks

 

[Frank]

Use margin for boxes contain ojeccts ( texts, images..) and using padding for those ojects into boxes

 

[unni6849]

Margin and Padding are important tools in the Dreamweaver.You should add margin in order to centralize the web pages and padding is used to align the text element in the CSS document.

 

[leszek]

here you will find all info that you need

w3schools.com/css/css_margin.asp

w3schools.com/css/css_padding.asp

 

[telma]

Hello..
yes you are right friend.w3school.com is the most easy site where we learn about css.Thank you for the posting.

 

[MechanicWeb-shoss]

It's difficult for me to use padding and margin in Css, are they different ?
Anyone know about When I should use Margin and Padding in CSS and any Tips ?

Thanks

Margin adds a gap outside of an element
Padding adds a gap inside of an element

For example, you have a div element with border and background color. If you add padding to it, the background color and border will be displayed around and through the gap. However, if you add margin to the div, the border and background color will not be displayed around the gap but displayed inside.

Hope that helps.

 

[PenguinManiac]

PenguinManiac

Sums it up nicely.
Since you asked about usage, I'd also add that margins are subject to margin collapse: so, when two vertical margins overlap, under certain circumstances the larger margin might override the other. This is more common than it seems, so keep this in mind when you're facing spacing issues while using margins.

 

[onliveserver]

Hello Team,

Margin is using to outside space of Div and Padding is inner-side space of Div.

 

[ccwoods03]

They both are great tools to know or learn when it comes to web design and development. They add spaces between your items such as text, images, and buttons. They are a little different in how they work, but overall they practically do the same thing.