<hr class="hr1">
<hr class="hr2">
<hr class="hr3">
<hr class="hr4">
<hr class="hr5">
.hr1{
  border: 1px solid red;
}
.hr2{
  border: 2px dashed red;
}
.hr3{
  border-top: 2px dashed red;
}
.hr4{
  border: 5px solid red;
  border-radius: 4px;
}
.hr5{
  width: 200px;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.