title: How to achieve disorganised bubble layout with html css?
body: <p>I need to have a bubble layout like this:</p>
  
  <p><img src="https://i.stack.imgur.com/IQU0D.png" alt="enter image description here"></p>
  
  <p>I have completed the work till this stage - <a href="http://jsbin.com/huyasi/6" rel="noreferrer">JsBin</a></p>
  
  <p>As I am not that skilled in CSS/Web design, I can only think of using table tr td.
  But I can see I will need the bubbles to be aligned close to each other. If I go for table structure, I dont think it will work.</p>
  
  <p>Please suggest some design structure, or I should go for other things, SVG, etc.</p>
  
  <p>Thanks!</p>