CSS Box -Padding Property
1] padding is the space between the content and border of the element.
2] It provides internal spacing within the element
CSS Properties
1] padding-top
2] padding-right
3] padding-bottom
4] padding-left
CSS Box Model - padding
EXample :-
<html>
<head>
<title>Padding </title>
<style>
h3
{
background-color: rgb(228, 239, 233);
color: rgb(221, 56, 202);
}
.main
{
border: 2px solid black;
padding-right:100px;
padding-right:100px;
padding-top:52px;
padding-bottom:52px;
color:rgb(255, 0, 106);
}
</style>
</head>
<body>
<h3>css box model :- css padding property<br>(padding-top , padding-left,
padding-right, padding-bottom )</h3>
<p class="main">Learn for the https://webdesigningtheory.blogspot.com/ </p>
</body>
</html>
CSS Box Model - padding
Output :-
