Check out example codes for "how to make a dotted hr in css". It will help you in understanding the concepts better.

Code Example 1

hr {
  border:none;
  border-top:1px dashed #f00;
  color:#fff;
  background-color:#fff;
  height:1px;
  width:50%;
}

Code Example 2

/* hr {
  border:none;
  border-top:1px dotted #f00; 
  color:#fff;
  background-color:#fff;
  height:1px;
  width:50%;
} */

Learn ReactJs, React Native from akashmittal.com