What is padding in css

Css padding

padding: 5px 10px 15px 20px; //top right bottom left

padding: 10px 20px;//top & bottom then left & right

padding-top: 5px; //just top padding
padding-right: 10px; //just right padding
padding-bottom: 15px; //just bottom padding
padding-left: 20px; //just left padding

Padding css

padding:10px 5px 15px 20px;
means
top padding is 10px
right padding is 5px
bottom padding is 15px
left padding is 20px

Css top padding

padding-top: 25px;

What is padding in css

An element's padding area is the space between its content and its border. Note: Padding creates extra space within an element. In contrast, margin creates extra space around an element.

Padding left

.yourClass {
  padding-left: 50px; // or
  padding-left: 1%; // to scale it in relation to its parent
}

Html padding

<h2 style="padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px">London</h2>

-1

Source: stackoverflow.com

Similar codes

222 votes331 views6 answers
Bootstrap CSS CDN
CSS
2 votes165 views1 answer
How to make auto scroll to the end in css
CSS
1 vote155 views1 answer
How to put mulitple conditions in media query
CSS
0 vote179 views1 answer
Button two lines on ipad
CSS
1 vote154 views1 answer
Html dim entire screen
CSS
1 vote150 views1 answer
Scroll start from bottom css
CSS
19 votes107 views2 answers
Add font to react
CSS
150 votes206 views2 answers
How to link your css file to html
CSS
0 vote168 views1 answer
Css perfekt min width mobile
CSS
-1 vote159 views1 answer
Html css circle progress bar
CSS