Here is the link to my code snippet: fiddle.
I am struggling with aligning shopping bag icons at the bottom of each box on my webpage. I want all boxes to have the same height, so I used display: table-cell; in the box_left div. However, placing the shopping bag image at the bottom of each box has been challenging. Can anyone help me resolve this issue?
Below is a snippet of my CSS:
.box_left {
display: table-cell;
width: 170px;
border: 1px solid;
}
a img.shopping_bags{
max-width:19px;
width:19px;
height:19px;
position:absolute;
margin:0px;
right:5px;
bottom:5px;
}