title: How to draw a lines in circle in different angles by using for loop
body: <p>I used below code to draw a line in circle,Now I want to draw 12 lines in different angles with same space &amp; lines should be touched to the circle.</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
      &lt;html&gt;
      &lt;head&gt;
  
      &lt;style&gt;
  
      #straight{
      height: 30px;
      border-right: 1px solid blue; 
      -webkit-transform: rotate(**" for loop value must be displayed"** deg);
      transform: rotate(**" for loop value must be displayed"** deg); 
      position: absolute;
      top:40px;
      left:400px;
      } 
      #circle {
        height: 30px;
        width: 31px;
        margin-left: 81px;
        margin-top: 0px;
        background-color: #fff;
        border: 2px solid blue;
        border-radius: 65px;
        position:absolute;
  
      }    
      &lt;/style&gt;    
      &lt;/head&gt;    
      &lt;body&gt;
  
                          &lt;div&gt;
                                  &lt;div id="circle"&gt;                       
                                   &lt;div style="position:relative; top:-40px; left:-385px;"&gt;
                                      &lt;div id="straight"&gt;&lt;/div&gt;
  
                               &lt;/div&gt;
                          &lt;/div&gt;
  
      &lt;/body&gt;
      &lt;/html&gt;
  </code></pre>
  
  <p>Please help me &amp; thanks in advance </p>