Keep div at the bottom of another div - css

Question

© 1965 - 2010

I want the #copyright to be at the bottom of #outer

Here is the css for #copyright

Answer 1

1. define height of #outer
2. set #outer to position:relative;
3. set #copyright to position:absolute; bottom: 0; left: 0;

    #outer {
      height: 100px;
      border: 1px solid red;
      position: relative;
    }

    #copyright {
      position:absolute; 
      height: 30px; 
      bottom: 0; 
      left: 0;
      border: 1px solid black;
      width: 300px;
    }   

    

       

           © 1965 - 2010
           
           
       
    

Also, never use "0px". There is no such thing as zero pixels, only zero. Correct way is "right: 0;"