title: Align link to bottom of div and center it
body: <p>I'm trying to make a link stick to the bottom center of a div and have it be centered. </p>
  
  <p>So far I've come up with this: 
  <a href="http://jsfiddle.net/r494Lx0r/2/" rel="nofollow">http://jsfiddle.net/r494Lx0r/2/</a></p>
  
  <pre><code>div.container {
  position: relative;
  height: 110px;
  width: 120px;
  border: dashed 1px red;
  }
  
  div.container div.text {
  position: absolute;
  bottom: 0px;
  border: solid 1px black;
  }
  </code></pre>
  
  <p>Now how do I make it so that it's centered? I've tried adding <code>text-align:center;</code> and <code>margin:0 auto;</code> to the container but neither of those do anything. </p>
  
  <p>Does anyone know how to do this? </p>