<!DOCTYPE html>
<html>
<head>
<title>CSS padding Property</title>
<style>
p {
border: 1px solid #000;
margin-bottom: 40px;
}
.padding-1 {
padding: 30px;
}
.padding-2 {
padding: 10px 50px;
}
.padding-3 {
padding: 45px 15px 30px;
}
.padding-4 {
padding: 15px 25px 35px 45px;
}
</style>
</head>
<body>
<p class="padding-1">padding: 30px</p>
<p class="padding-2">padding: 10px 50px</p>
<p class="padding-3">padding: 45px 15px 30px</p>
<p class="padding-4">padding: 15px 25px 35px 45px</p>
</body>
</html>
