title: CSS: how to align images vertically bottom
body: <p>I have this code:</p>
  
  <pre><code>&lt;ol&gt;&lt;li&gt;&lt;a href=""&gt;&lt;span&gt;&lt;img src="/images/sized/images/uploads/books/book_1.jpg" width="100" height="165"  alt="" /&gt;&lt;/span&gt;
    &lt;/a&gt; &lt;/li&gt;
  &lt;li&gt;&lt;a href=""&gt;&lt;span&gt;&lt;img src="/images/sized/images/uploads/books/book_2.jpg" width="100" height="130"  alt="" /&gt;&lt;/span&gt;
    &lt;/a&gt; &lt;/li&gt;&lt;/ol&gt;
  </code></pre>
  
  <p>How do I align the images vertically bottom? (the images have various heights)</p>