Padding is used to give space inside certain elements, while margin is to give space between different elements. Padding also has a shorthand property for specifying the padding for each side of an element.<\/p>\n\n\n\n
1) Four properties \u2013 padding: 25px 50px 75px 100px;<\/p>\n\n\n\n
\u2013 Top padding is 25px<\/p>\n\n\n\n
\u2013 Right padding is 50px<\/p>\n\n\n\n
\u2013 Bottom padding is 75px<\/p>\n\n\n\n
\u2013 Left padding 100px.<\/p>\n\n\n\n
2) Three properties \u2013 padding 25px 50px 75px;<\/p>\n\n\n\n
\u2013 Top padding is 25px<\/p>\n\n\n\n
\u2013 Right and left padding are 50px<\/p>\n\n\n\n
\u2013 Bottom padding is 75px<\/p>\n\n\n\n
3) Two properties \u2013 padding 25px 50px;<\/p>\n\n\n\n
\u2013 Top and bottom padding are 25px<\/p>\n\n\n\n
\u2013 Right and left padding are 50px<\/p>\n\n\n\n
One more thing, if there are two conflicting margins, then the margin that\u2019s bigger would be the one prioritized to get rendered on a website. This phenomenon is referred to as \u201cCollapsing Margins\u201d. If there are two margins with the same value, then it wouldn\u2019t matter which one is used over the other as both will have the same result of rendering.<\/p>\n","protected":false},"excerpt":{"rendered":"
Padding is used to give space inside certain elements, while margin is to give space between different elements. Padding also has a shorthand property for specifying the padding for each side of an element. 1) Four properties \u2013 padding: 25px 50px 75px 100px; \u2013 Top padding is 25px \u2013 Right padding is 50px \u2013 Bottom […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[6],"class_list":["post-97","post","type-post","status-publish","format-standard","hentry","category-html-css-course","tag-html-css-course"],"_links":{"self":[{"href":"https:\/\/melfaeforest.xhere.eu.org\/index.php?rest_route=\/wp\/v2\/posts\/97","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/melfaeforest.xhere.eu.org\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/melfaeforest.xhere.eu.org\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/melfaeforest.xhere.eu.org\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/melfaeforest.xhere.eu.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=97"}],"version-history":[{"count":2,"href":"https:\/\/melfaeforest.xhere.eu.org\/index.php?rest_route=\/wp\/v2\/posts\/97\/revisions"}],"predecessor-version":[{"id":284,"href":"https:\/\/melfaeforest.xhere.eu.org\/index.php?rest_route=\/wp\/v2\/posts\/97\/revisions\/284"}],"wp:attachment":[{"href":"https:\/\/melfaeforest.xhere.eu.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=97"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/melfaeforest.xhere.eu.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=97"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/melfaeforest.xhere.eu.org\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=97"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}