I have a listing made with a unsorted list in three columns. Every <li> is holding an image, a <h2>, a <p> and a form holding a button. What I would like to accomplish is that the <h2's> are neatly lined up under the images and the same for the buttons at the bottom of each <li>. But because not all images have the same height neither the <h2> nor the images are lined as you can see here. Is there a way that I have all <h2's> and the buttons in the different colums lined up?

Thank you in advance.