<!DOCTYPE html>
<html>
<head>
<style>


 
hr.two{width: 500px;color:red;border: thin solid red;}
hr.two_1{width: 500px;border-bottom:0px; text-align:left; margin-left: 0px;}
hr.three{height: 50px;}
hr.three1{height: 50px; width:0px;}
hr.four{border:none;}
hr.five{border:none; border:1px dashed blue;}
hr.six{border:none; border:5px double orange;}

</style>
</head>

<body>

<h3>TEST 1</h3>
<hr class="one">

<h3>TEST 2</h3>
<hr class="two">

<h3>TEST 2-1</h3>
<hr class="two_1">

<h3>TEST 3</h3>
<hr class="three">

<h3>TEST 3-1</h3>
<hr class="three1">

<h3>TEST 4</h3>
<hr class="four">

<h3>TEST 5<h3>
<hr class="five">

<h3>TEST 6<h3>
<hr class="six">



</body>
</html>