DIVIDER WITH CSS

Run
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>HTML</title>
<style>
  .dotted {
    border: 3px dotted #ccff44;
  }
  .dashed {
    border: 2px dashed pink;
  }
  
</style>
</head>
<body>
    <h2> Creating a vertical divider</h2>
	<p>The divider on the webpage is used to separate the contents into sections, groups, or parts. It will help the user to distinguish the contents accordingly. In this tutorial, we will be learning to create a divider with CSS.</p>
	 <hr class="dotted">
	<p>HTML hr element is used to add a divider a horizontal line on the webpage which acts as a divider. We can style this divide using CSS border property.</p>
   	 <hr class="dashed">
	<p>We can add a dotted, dashed, or solid divider. The thickness and color of the divider can be changed accordingly. </p>	
</body>
</html>