CSS Margin, CSS Margin with Examples

<!DOCTYPE html>
<html>
	<head>
    	<title>CSS Margin</title>
    </head>
    <body>
    	
        <style type="text/css">
        	  .box_1{
				 margin:15px;
				 padding:10px;
				 width:auto;
				 height:auto;
				 color: #000;
				 background: #E5E5E5;
			  }
			  .box_2{
				 margin:20px 25px;
				 padding:10px;
				 width:auto;
				 height:auto;
				 color: #000;
				 background: #E5E5E5;
			  }
			  .box_3{
				 margin:10px 20px 5px;
				 padding:10px;
				 width:auto;
				 height:auto;
				 color: #000;
				 background: #E5E5E5;
			  }
			  .box_4{
				 margin:15px 20px 15px 10px;
				 padding:10px;
				 width:auto;
				 height:auto;
				 color: #000;
				 background: #E5E5E5;
			  }
			  .box_5{
				 margin-left:50px;
				 padding:10px;
				 width:auto;
				 height:auto;
				 color: #000;
				 background: #E5E5E5;
			  }
			  .box_6{
				 margin-right:50px;
				 padding:10px;
				 width:auto;
				 height:auto;
				 color: #000;
				 background: #E5E5E5;
			  }
			  .box_7{
				 margin-top:30px;
				 padding:10px;
				 width:auto;
				 height:auto;
				 color: #000;
				 background: #E5E5E5;
			  }
			  .box_8{
				 margin-bottom:30px;
				 padding:10px;
				 width:auto;
				 height:auto;
				 color: #000;
				 background: #E5E5E5;
			  }
        </style>
        
        <div class="box_1"> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</div>
		
		<div class="box_2"> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</div>
		
		<div class="box_3"> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</div>
		
		<div class="box_4"> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</div>
		
		<div class="box_5"> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</div>
		<br />
		<div class="box_6"> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</div>
		
		<div class="box_7"> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</div>
		<br />
		<div class="box_8"> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</div>
        
    </body>
</html>

Output :

Topic :CSS Margin