title: Css3 responsive circles connected by a line?
body: <p>Hi Im trying to create a div with responsive circles connected by a line using css3.</p>
  
  <p>Example of the what im trying to do <a href="http://codepen.io/bookcasey/pen/cEntL" rel="nofollow">http://codepen.io/bookcasey/pen/cEntL</a></p>
  
  <p>In the above example i want to make it responsive such that the circle size doesnot change but if width increases i want first and last circles to be on left side and right side of the UL and other circles position in between at equal distances. circles can increase or decrease least is two circles and a line.</p>