title: How to move images around a circle with javascript, style and HTML
body: <p>I am new in HTML, style sheet and Javascript. I created this
  (change image reference)</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
  &lt;style&gt;
  .container
  {
      width: 300px;
      height: 300px;
      position:relative;
      margin:100px;
  }
  
  .block, .center
  {
      width:25%;
      height:25%;
      background:#5aa;
      border-radius:10px;
      position:absolute;
      left:50%;
      top:50%;
      margin-left:-12%;
      margin-top:-12%;
  }
  
  .center
  {
      width:30%;
      height:30%;
      margin-left:-15%;
      margin-top:-15%;
      border-radius:100%;
  }
  
  .tl
  {
      left:20%;
      top:20%;
  }
  .tr
  {
      left:80%;
      top:20%;
  }
  .br
  {
      left:80%;
      top:80%;
  }
  .bl
  {
      left:20%;
      top:80%;
  }
  .t
  {
      top:10%;
  }
  .r
  {
      left:90%;
  }
  .b
  {
      top:90%;
  }
  .l
  {
      left:10%;
  }
  &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div class="container"&gt;
  
      &lt;img src="painting\afremov_flower_ (1).jpg" class="block tl"&gt;
      &lt;img src="painting\afremov_flower_ (1).jpg" class="block t"&gt;
      &lt;img src="painting\afremov_flower_ (1).jpg" class="block tr"&gt;
      &lt;img src="painting\afremov_flower_ (1).jpg" class="block l"&gt;
      &lt;img src="painting\afremov_flower_ (1).jpg" class="center"&gt;
      &lt;img src="painting\afremov_flower_ (1).jpg" class="block r"&gt;
      &lt;img src="painting\afremov_flower_ (1).jpg" class="block bl"&gt;
      &lt;img src="painting\afremov_flower_ (1).jpg" class="block b"&gt;
      &lt;img src="painting\afremov_flower_ (1).jpg" class="block br"&gt;
  
  &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Now I am trying to move boxes around the circle present in center. How is it possible?
  As you can see I have not use any canvas so is it possible without any canvas creation?
  Because I got some code from this site but they are all with canvas. </p>
  
  <p>Thanks for your help and time.</p>
  
  <p>Rana</p>