make content inside divs display in the same locations
<p>i have a page that displays products on my website inside boxes (<a href="https://s21.postimg.io/9nw7kqrfb/Screen_Shot_2016_09_12_at_22_27_46.png" rel="nofollow">https://s21.postimg.io/9nw7kqrfb/Screen_Shot_2016_09_12_at_22_27_46.png</a>)</p>

<p>but the data inside the boxes is not displaying in the same locations in each box if the image is too small.</p>

<p>if i make each box a set height, how can i make the product title and price display at the bottom of the box under each other so each both is exactly the same?</p>

<p>HTML for one box:</p>

<pre><code>&lt;li class="post-2483 product type-product status-publish has-post-thumbnail product_brand-mikrotik product_cat-routers  instock featured taxable shipping-taxable purchasable product-type-simple"&gt;
    &lt;a href="#" class="woocommerce-LoopProduct-link"&gt;&lt;span class="et_shop_image"&gt;&lt;img width="300" height="180" src="#" class="attachment-shop_catalog size-shop_catalog wp-post-image" alt="mikrotik-rb2011" title="mikrotik-rb2011"&gt;&lt;span class="et_overlay"&gt;&lt;/span&gt;&lt;/span&gt;&lt;h3&gt;Mikrotik RB2011 Advanced Wi-Fi Router&lt;/h3&gt;
    &lt;span class="price"&gt;&lt;span class="woocommerce-Price-amount amount"&gt;&lt;span class="woocommerce-Price-currencySymbol"&gt;£&lt;/span&gt;109.00&lt;/span&gt; &lt;small class="woocommerce-price-suffix"&gt;ex VAT&lt;/small&gt;&lt;/span&gt;
&lt;/a&gt;&lt;/li&gt;
</code></pre>