title: Create a floating div on top of divs
body: <p>I am trying to create something like the following</p>
  
  <pre><code> -------------------------
  |            div 1        |
  |_________________________|
  | div2 on top of div1/div3|
  |-------------------------|
  |        div2             |
  |_________________________|
  |                         |
  |        div3             |
  |                         |
  </code></pre>
  
  <p>I want to create a <code>div2</code> on top of both <code>div1</code> and <code>div3</code>.</p>
  
  <p>I really have no clues how to do this. Can someone help me about it? Thanks.</p>