I'm putting together an online shop with products displayed in their own divs, which can be different heights, depending on image sizes and descriptions etc. Each div width is 24%.

Each row of 4 products is held in an additional div and I would like to align the products so that the bottoms all line up with the tallest product div, like they are standing next to each other rather than hanging from a line (hope that makes sense!).

All rows are contained within an additional div.

Unfortunately struggling with this, although I suspect the answer is out there.

Any help much appreciated.