Try it Yourself

Tutorials

THE WORLD'S LARGEST WEB DEVELOPER SITE

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

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

<div>This div element has a top margin of 100px, a right margin of 150px, a bottom margin of 100px, and a left margin of 80px.</div>

</body>
</html>

Top Tutorials

HTML Tutorial

CSS Tutorial

JavaScript Tutorial

Top References

HTML Reference

CSS Reference

JavaScript Reference

Top Examples

HTML Examples

CSS Examples

JavaScript Examples

Web Certificates

HTML Certificate

CSS Certificate

JavaScript Certificate