CSS Padding indiviual Sides of an Element - Tryit Editor for Web Developers

Edit This Code:

<html>
<head>
<style>

.p {
    border: 5px groove blue;
    background-color: lightgray;
    padding-top: 90px;
    padding-right: 60px;
    padding-bottom: 85px;
    padding-left: 80px;
}


h1, h2 {
       text-align: center;
       color: blue;
}

</style>
</head>
<body>

<h1>Welcome To CSS</h1>

<h2>Individual-Padding properties</h2>

<div class="p">
<p>A top padding of 90px..
 <p>A right padding of 60px..
 <p>A bottom padding of 85px..
<p>A left padding of 80px...
</p>
</div>


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

</body>
</html>