title: Divide a circle DIV into four sector DIVs
body: <p><a href="https://i.stack.imgur.com/PPUQZ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/PPUQZ.png" alt="enter image description here"></a></p>
  
  <p>How can I draw four sector DIVs (forming a circle) in HTML5 and CSS3 like the above figure and each div is clickable on its own area (not covering others)?</p>