Shorthand Property of Padding by 3 values in CSS - Tryit Editor for Web Developers

Edit This Code:

<html>
<head>
<style>
div {
    border: 7px solid red;
    padding: 50px 75px 100px;
    background-color: lightgray;
}

h1 
{
    text-align: center;
}

</style>
</head>
<body>

<h1>The Padding Shorthand Property (3-values)</h1>

<div>
<p>This div element has a top padding of 50px..
<p> A right padding of 75px...
<p>A bottom padding of 100px...
</p>
</div>


<br><br>
<img src="logo.jpg"/>

</body>
</html>