valign i CSS

Hordan får man tekst og billede til at starte i bunden i de to indre divs? Noget lignende valign="bottom" i tables. Jeg har forsøgt lidt med vertical-align, men kan ikke få det til at virke.

.container {
  position:relative;
  width:994px;
  margin: 0 auto;
  height:95%;
  min-height:800px;
}
.div1 {
  float:left;
  height: 500px;
}

<div class="container">
  <div class="div1">
    Billede 1 <br />
    <img src="1.jpg">
  </div>
  <div class="div1">
    Billede 2 <br />
    <img src="2.jpg">
  </div>
</div>