title: CSS Layer 3 div in a container div on top of each other
body: <p>I need to layer 3 div inside a container div and have them all on top of each other. How do I go about this?</p>
  
  <p>this is the html:</p>
  
  <pre><code>&lt;div class="outer"&gt;
      &lt;div class="top"&gt;&lt;/div&gt;
      &lt;div class="middle"&gt;&lt;span class="inside-middle"&gt;&lt;/span&gt;&lt;/div&gt;
      &lt;div class="bottom"&gt;&lt;/div&gt;
  &lt;/div&gt; 
  </code></pre>
  
  <p>.outer is the container and .top, .middle and .bottom are all on top of eachother and are all the same height and width. </p>
  
  <p>.inside-middle with have text in it aligned to the right.</p>
  
  <p>Any advice is much appreciated.</p>