JSFiddle - React, Tailwind, and code Playground

by nikolya223

HTML

<div>
  <hr>
     <hr>
        <hr>
           <hr> <hr>
              <hr>
  
</div>

CSS

div{
  width: 100px;
  height:100px;
  
}
hr {margin: 0 auto;
padding: 0px;
border-top:1px solid black;
border-bottom-width:0px;}

JavaScript

var radius = 10;
var fff="";
for(u=0;u<radius;u++){
  fff=fff+"<hr style='width:"+100-u+"'>";

}
alert(fff)

$("div").html();