Try it Editor: Padding - Shorthand Property

Edit This Code :


<!DOCTYPE html>
<html>
<head>
<style>
div {
    border: 1px solid black;
    background-color: lightblue;
    padding: 50px 30px 50px 80px;
}
</style>
</head>
<body>

<h2>Using the padding shorthand property</h2>

<div>This div element has a top padding of 50px, a right padding of 30px, a bottom padding of 50px, and a left padding of 80px.</div>

</body>
</html>

Result :