Skip to content

PRO TIP Block youtube.com at the DNS level — Pi-hole, NextDNS or your hosts file — but allow youtube-nocookie.com and i.ytimg.com. These tutorials keep playing; the rabbit hole does not.

Learning without distractions

20. CSS Padding And Margin – Full stack web development Tutorial Course

31.8K views on YouTube

by WB Web Development Solutions 132 tutorials here
Programming

In this FullStackWebDevelopment tutorial video, We are going to learn how to work with #CSS #margins and #paddings. What margin does is it creates space around an element and what padding does is it creates space within an element.

Margin is a shorthand property for the following properties- margin-top, margin-right, margin-bottom, margin-left. You can set the margin property to auto to horizontally centre the element within its container. All the margin properties can have the following values:
— auto – the browser calculates the margin
— length – specifies a margin in px, pt, cm, etc.
— % – specifies a margin in % of the width of the containing element
— inherit – specifies that the margin should be inherited from the parent element

Negative values are allowed.

Similarly, padding is also a shorthand property for padding-top, padding-right, padding-bottom and padding-left. It always goes in a clockwise direction starting from the top.All the padding properties can have the following values:
— length – specifies padding in px, pt, cm, etc.
— % – specifies padding in % of the width of the containing element
— inherit – specifies that the padding should be inherited from the parent element

———————————————————-

Week 1: Day 4
Section 3: Intermediate CSS
Tutorial 20: CSS Padding And Margin

———————————————————-
Do subscribe and hit Bell Icon
———————————————————-

Follow us in social media handles for opportunities and code related support.

Instagram: https://www.instagram.com/wb.web/
Facebook: https://www.facebook.com/wbweb/
Twitter: https://twitter.com/wbweb_in/
LinkedIn: https://www.linkedin.com/company/wbweb/

Be our Exclusive student / Patreon to receive Exclusive Coding Tips and Freelancing opportunities
Patrons: https://www.patreon.com/wbweb

———————————————————-

Got a question on the topic? Please share it in the comment section below and our experts will answer it for you.

For more information, please write back to us at hi@wbweb.co.in or call us at IND: 7077568998

After completing the course, write to biswabijaya@wbweb.co.in for an internship or Full stack web development based freelancing opportunities.

For consultation or partnership, related queries drop a mail to hi@wbweb.co.in.