title: vertical aligning floats
body: <p>How do I vertical align floating elements? </p>
  
  <p>I currently have 3 elements (an image floated left, another image floated right and a div with a margin:0 centered) in a wrapping div. These are currently aligned at the top but I want them to aling at the bottom of the div. </p>
  
  <p>How can this be achieved without using position absolute on them as this is a responsive layout? I have tried making them <code>display:inline-block</code> and <code>vertical-align: bottom</code> but that does not help anything.</p>