title: create hexagon design dynamically using css and js
body: <p><strong>This is not duplicate of any please help me</strong></p>
  
  <p>I got some trick here <a href="http://jsfiddle.net/kizu/bhGn4/" rel="nofollow noreferrer">http://jsfiddle.net/kizu/bhGn4/</a></p>
  
  <p>I want to create it dynamically with <code>CSS</code> , so how to do that?</p>
  
  <p>whenever any new entry added to design that adjust automatically.</p>
  
  <p>I have tried hard to search and i got some help for circle shape at here</p>
  
  <p><a href="https://stackoverflow.com/questions/16613809/how-to-create-circles-around-a-circle-with-css-javascript">How to create circles around a circle with css, javascript?</a></p>
  
  <p>same something I want with hexagon </p>
  
  <p><img src="https://i.stack.imgur.com/PjjMg.png" alt="enter image description here"></p>