JSFiddle - React, Tailwind, and code Playground

HTML

<html>
    <body>
     <div class="clear_dotted"></div>
     <br></br>
     
     <div class="merged_dotted"></div>
     </body>
</html>

CSS

.clear_dotted
{
    width:200px;
    height:5px;
    border-bottom:1px dotted black;
    
}
.merged_dotted
{
  width:200px;
  height:5px;
  border-bottom:1px dotted black;
}