How to center an image horizontally and align it to the bottom of the container?

Question

How can I center an image horizontally and aligned to the bottom of the container at the same time?

I have been able to center the image horizontally by its self. I hav

Answer 1

#header2
{
   display: table-cell;
   vertical-align: bottom;
   background-color:Red;
}




  
this is a test