title: html append square div in 4 directions
body: <p>First, you will see square number 1 , 
  when you press the + on top of square 1 , 
  square 2 will come out and you can press the + on right of square 2,
  then square 3 will come out.</p>
  
  <p>can i do this? or how can i do this?</p>
  
  <p><img src="https://i.stack.imgur.com/VDGuW.jpg" alt="Example"></p>