padding and margin in css code example
Example 1: margin css
margin: 1em;
margin: -3px;
margin: 5% auto;
margin: 1em auto 2em;
margin: 2px 1em 0 auto;
margin: inherit;
margin: initial;
margin: unset;
Example 2: margin vs padding
Margin is on the outside of block elements, padding is on the inside.
Use margin to separate the block from things outside it
Use padding to move the contents away from the edges of the block.
Main differences:
- Vertical margins of adjacent items will overlap, padding will not
- Padding is included in the click region and background color/image,
but not the margin
Example 3: css padding vs margin
Example 4: how do I add a vertical margin in css
subject {
margin-top: (example: 100px)
margin-bottom: (example: 100px)
}
Example 5: padding margin and border
GO TO THIS LINK
https://www.geeksforgeeks.org/css-margins-padding/
https://media.geeksforgeeks.org/wp-content/uploads/cssmarginandpadding.png