Margin - Individual Sides in HTML and CSS - Tryit Editor for Web Developers

Edit This Code:

<html>
<head>
<style>
div {
    border: 5px solid red;
    margin-top: 50px;
    margin-bottom: 50px;
    margin-right: 50px;
    margin-left: 50px;
    background-color: lightgrey;
    font-size: 20px;
}

h2 {
   color: blue;
   text-align: center;
   font-size: 50px;
}

</style>
</head>
<body>

<h2>Margin Properties</h2>

<div>
<p>This div element has a top margin of 50px.....</p>
<p> A right margin of 50px... </p>
 <p>A bottom margin of 50px</p>
<p>A  left margin of 50px.</p>

</div>

<img src="logo.jpg"/>

</body>
</html>