title: CSS vertically align element to the bottom without height of parent
body: <p>How can I align element to the bottom of the container without knowing the height?  I want to align the "links" div container to the bottom so it aligns next to the logo text's bottom.  I cannot set a height because users can change the logo size and it could be an image...</p>
  
  <p>Here is the code:</p>
  
  <pre><code>&lt;div class="wrapper"&gt;
      &lt;div class="logo"&gt;
          &lt;a href="#"&gt;LOGO HERE&lt;/a&gt;
      &lt;/div&gt;
  
      &lt;div class="links"&gt;
          &lt;a href="#"&gt;LINK 1&lt;/a&gt;
          &lt;a href="#"&gt;LINK 2&lt;/a&gt;
          &lt;a href="#"&gt;LINK 3&lt;/a&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  
  .wrapper { width:100%; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
  .logo { width:75%;float:left;font-size:100px;}
  .links { width:25%;float:left;position:relative;}
  </code></pre>
  
  <p><a href="http://jsfiddle.net/Lejpr/" rel="nofollow">http://jsfiddle.net/Lejpr/</a></p>
  
  <p>I should add that I am using Twitter Bootstrap framework so in my case logo and links container are both columns which Bootstrap applies float:left to it.  Since I need this to be responsive, using absolute positioning may not be feasible for me.</p>