title: How to place div inside another div to absolute position?
body: <p>For instance, I would like to create a template like in the image below.</p>
  
  <p><img src="https://i.stack.imgur.com/FIA9i.png" alt="http://i.imgur.com/OneRsMw.png"></p>
  
  <p>How do you position each div inside the container to its absolute position? I would prefer without needing to use float-attributes. Any short examples would be appreciated.</p>