title: How to vertically align image in a td cell, without vertically-align
body: <p>Following code:</p>
  
  <pre><code>&lt;div id="test"&gt;
    &lt;table&gt;
      &lt;tbody&gt;
        &lt;tr&gt;
          &lt;td&gt;
            &lt;img src="img1.jpg" /&gt;
            &lt;p&gt;Bla bla bla&lt;/p&gt;
            &lt;p&gt;&lt;a href="#"&gt;&lt;img src="img2.jpg"&gt;&lt;/a&gt;&lt;/p&gt;
          &lt;/td&gt;
        &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>and CSS:</p>
  
  <pre><code>#test td {
      width: 450px;
      height: 220px;
      vertical-align: top;
      border-bottom: 1px solid #000;
      border-right: 50px solid #fff;
  }
  
  #test td p {
      margin: 0 0 10px 0;
      width: 290px;
  }
  
  #test img {
      padding: 20px 5px 5px 5px;
      float:left;
  }
  </code></pre>
  
  <p>How can I align the second image with the link to the bottom of the cell? I was googling a lot but none of the solutions work for me...</p>