CSS Padding indiviual Sides of an Element - Tryit Editor for Web Developers
Edit This Code:
See Result »
<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>
Result: