Answers for "margin and padding"

css reset margin padding

* {
  margin: 0;
  padding: 0;
}

Posted by: Guest on April-30-2020

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

Posted by: Guest on December-21-2020

-1

html box

<!DOCTYPE html>
<html>
	<head>
		<title>Page Title</title>
	</head>
	<body>
	    <style>
	        .box {
	            height:5px;
	            width:5px;
	            background-color:blue;
                padding-top: 30px;
                padding-right: 30px;
                padding-bottom: 30px;
                padding-left: 30px;
                color:blue;
                border-width: 15px 15px 15px 15px;
                border-color: blue;
                border-style: solid;
                border-radius: 70%
                outline-color: blue;
                margin-top: 10px;
                margin-bottom: 10px;
                margin-right: 10px;
                margin-left: 10px;
            }
	    </style>
		<div class="box">
		    <h1 style="color:black;position:absolute;font-family:helvetical;font-size:20px;left:20px;bottom:325px;">Your Text</h1>
		</div>
	</body>
</html>

Posted by: Guest on September-20-2020

padding margin and border

GO TO THIS LINK
https://www.geeksforgeeks.org/css-margins-padding/
https://media.geeksforgeeks.org/wp-content/uploads/cssmarginandpadding.png

Posted by: Guest on November-25-2020

What is difference between padding and margin?

Margin is said to be the outer space of an element,
the margin is the space outside of the element's border. 
Padding is said to be the inner space of an element, 
the padding is the space inside of the element's border.

Posted by: Guest on October-13-2021