CSS Margins for Individual Sides Example

<!Doctype HTML>
<html>
<head>
<title>CSS Margins for Individual Sides</title>
<style>
.para{
	padding: 50px; 
	background: #555; 
	color: #fff; 
	text-align: center; 
	margin-left: 50px; 
	margin-top: 0px; 
	margin-right:100px; 
	margin-bottom: 20px;
	}
</style>
</head>
<body>
	<h2>CSS Margins for Individual Sides</h2>
	We can set the margin of an element's individual sides as follows.
	<div style="border: 5px solid #29b6f6;">
		<p class="para">
		This paragraph element has margin values as <kbd>margin-left: 50px;</kbd>, <kbd>margin-top: 0px;</kbd>, <kbd>margin-right:100px;</kbd> and <kbd>margin-bottom: 20px;</kbd>
		</p>
	</div>
</body>
</html>