How to align a div to the bottom with css?

Hello ,

Too much time i tried to algin divs to bottom them i find that you can do that throw this.

<style type="text/css">

  #warapper { position: relative; }

  #ooter { position: absolute; bottom: 0; left: 0; }

</style>

<div id=" warapper  ">

  <h1>Title</h1>

  <div id=" ooter  ">Here you will see the footer which will be always at bottom</div>

</div>